引用数据类型:
Object, Array, RegExp, Date等
包装类型:(底层数据类型会将简单数据类型包装为对象)
String, Number, Boolean等(都是基本数据类型的构造函数)
Object
Object.keys(对象) 返回数组,内容为属性名
Object.values(对象) 返回数组,内容为值
拷贝对象Object.assign(要被追加的对象,对象)
Array
forEach : 遍历数组(不返回数组)
filter:过滤数组(返回新数组,筛选满足条件的数组元素)
map:迭代数组(返回被处理的数组)
reduce:累计器()
arr.reduce(functoin(pre(起始值或元素第一个值,循环后为返回值),current(后一元素)){
})
例:
const total = arr.reduce(((pre, cuurent) => pre + cuurent),10)
其他方法:
arr.find()
对数组的元素循环操作
返回第一个满足测试函数元素的值,并停止循环操作
const fruit = [
{...}
{...}
{...}
]
function fn(things) {
return things.name === 'apple'
}
fruit.find(fn)
//fruit.find(things => return things.name === 'apple')
arr.every()
数组中每个元素是否都符合条件,返回布尔值
const arr = [10,20,30]
const flag = arr.find(item => item > =10)//返回true
arr.from()
将伪数组转化为真数组
const lis = querySelectorAll('li')
lis即为伪数组
split()与map案例
const gift='茶叶,清洗球'
const str=gift.split(',').map(item=> `<span>【赠品】${item}</span> <br>`).join('')
document.querySelector('div').innerHTML = str