js数组对象遍历方法
map():返回一个新的Array,每个元素为调用func的结果
filter():返回一个符合func条件的元素数组
some():返回一个boolean,判断是否有元素是否符合func条件
every():返回一个boolean,判断每个元素是否符合func条件
forEach():没有返回值,只是针对每个元素调用func
list1: [
{
id: 10,
value: '黄焖鸡烧肉'
},
{
id: 11,
value: '鸡蛋炒饭'
},
{
id: 12,
value: '小葱拌豆腐'
}
]
map 返回的是一个新数组,数组长度一致,必须有return v
map() {
var temp = this.list1.map(v => {
if (v.id === 11) {
v.value = '鲍鱼烧肉'
}
return v
})
console.log(temp)
}
filter 返回一个是新数组,数组大小可变,必须有return v
filter() {
var temp = this.list1.filter(v => {
if (v.id === 11) {
v.value = '鲍鱼烧肉'
return v
}
})
console.log(temp)
}
some 返回一个boolean值,是否存在 有满足条件的
some() {
var temp = this.list1.some(v => {
if (v.id === 11) {
return v
}
})
console.log(temp)
}
every 返回 一个boolean值,所有是否满足条件
(val, idx, array) => {
// val: 当前值
// idx:当前index
// array: Array
every() {
var temp = this.list1.every(v => {
if (v.id === 11) {
return v
}
})
console.log(temp)
}
forEach 遍历数组,不返回,可修改数组值,同for
forEach() {
this.list1.forEach(v => {
if (v.id === 11) {
v.value = '鲍鱼烧肉'
}
})
console.log(this.list1)
}
浙公网安备 33010602011771号