黑马程序员前端JavaScript入门到精通全套视频教程，javascript核心进阶ES6语法、API、js高级等基础知识和实战教程
const o = {
name: '佩奇'
}
const o = new Object({ name: '佩奇' })
console.log(o) // {name: '佩奇'}
function Pig(name, age, gender) {
this.name = name
this.age = age
this.gener = gender
}
// 创建佩奇对象
const Peppa = new Pig('佩奇', 6, '女')
// 创建乔治对象
const George = new Pig('乔治', 3, '男')
console.log(Peppa) // {name: '乔治', age: 6, gener: '女'}
// 普通字符串
const str = 'andy'
console.log(str.length) // 4
Object 是内置的构造函数，用于创建普通对象。
例子：
// 通过构造函数创建普通对象
const user = new Object({name: '小明', age: 15})
推荐使用字面量方式声明对象，而不是 Object 构造函数
有三个常用静态方法（静态方法就是只有构造函数Object可以调用的）:
// 想要获取对象里面的属性和值的做法：
const o = { name: '佩奇', age: 6 }
// 传统做法：
for(let k in o) {
console.log(k) // 属性 name age
console.log(o[k]) // 值 佩奇 6
}
Object.keys 静态方法获取对象中所有属性（键）
const o = { name: '佩奇', age: 6 }
// 获取对象的所有键，并且返回是一个数组
const arr = Object.keys(0)
console.log(arr) // ['name', 'age']
Object.values 静态方法获取对象中所有属性值
const o = { name: '佩奇', age: 6 }
// 获取对象的所有值，并且返回是一个数组
const arr = Object.values(0)
console.log(arr) // ['佩奇', 6]
Object. assign 静态方法常用于对象拷贝
// 拷贝对象，把 o 拷贝给 obj
const o = { name: '佩奇', age: 6 }
const obj = {}
Object.assign(obj, o)
console.log(obj) // { name: '佩奇', age: 6 }
const o = { name: '佩奇', age: 6 }
Object.assign(o, { gender: '女' })
console.log(o) // { name: '佩奇', age: 6, gender: '女' }
const arr = new Array(3. 5)
console.log(arr) // [3, 5]
| 方法 | 作用 | 说明 |
|---|---|---|
| forEach | 遍历数组 | 不返回，用于不改变值，经常用于查找打印输出值 |
| filter | 过滤数组 | 筛选数组元素，并生成新数组 |
| map | 迭代数组 | 返回新数组，新数组里面的元素是处理之后的值，经常用于处理数据 |
| reduce | 累计器 | 返回函数累计处理的结果，经常用于求和等 |
arr.reduce(function(){}, 起始值)
arr.reduce(function(累计值, 当前元素 [,索引号][,源数组]){}, 起始值)
const arr = [1, 5, 9]
const count = arr.reduce((prev, item) => prev + item)
console.log(count)
join 数组元素拼接为字符串，返回字符串(重点)find 查找元素，返回符合测试条件的第一个数组元素值，如果没有符合条件的则返回 undefined(重点)every 检测数组所有元素是否都符合指定条件，如果所有元素都通过检测返回 true，否则返回 false(重点)some 检测数组中的元素是否满足指定条件，如果数组中有元素满足条件返回 true，否则返回 falseconcat 合并两个数组，返回生成新数组sort 对原数组单元值排序splice 删除或替换原数组单元reverse 反转数组findIndex 查找元素的索引值// 字符串类型
const str = 'hello world!'
// 统计字符的长度（字符数量）
console.log(str.length)
// 数值类型
const price = 12.345
// 保留两位小数
price.toFixed(2) // 12.34
length 用来获取字符串的长度(重点)split('分隔符') 用来将字符串拆分成数组(重点)substring（需要截取的第一个字符的索引[,结束的索引号]） 用于字符串截取(重点)startsWith(检测字符串[, 检测位置索引号]) 检测是否以某字符开头(重点)includes(搜索的字符串[, 检测位置索引号]) 判断一个字符串是否包含在另一个字符串中，根据情况返回 true 或 false(重点)toUpperCase 用于将字母转换成大写toLowerCase 用于将字母转换成小写indexOf 检测是否包含某字符endsWith 检测是否以某字符结尾replace 用于替换字符串，支持正则匹配match 用于查找字符串，支持正则匹配// 数值类型
const price = 12.345
// 保留两位小数，四舍五入
console.log(price.toFixed(2)) // 12.34