map,filter, for...of... 的区别

map

• 返回每一项的处理结果, 适用场景：接口返回字段处理
• 注意：map数组处理并不会只返回满足条件的值，每一个item都会进行处理，新的数组长度和原始数组长度一致。

const maparr = [
  {name:'dxy',age:18},
  {name:'zsh',age:22}
]
const remaparr= maparr.map((item)=>{
  return {
   title:item.name,
   age:item.age
  }
})
console.log(remaparr);

filter

• 适用场景：过滤满足条件的item，返回item全部内容
• 注意,map 和 filter的区别：
  • 对于过滤数组而言，map返回的是布尔值，filter则是返回满足条件的值。
  • map 返回每一项item的处理结果，filter返回满足条件的item

for…of

• 遍历数组，可break，return，continue
• 适用场景，返回满足条件的值

const arr = [
  {name:'dxy',age:18},
  {name:'zsh',age:22}
]

function toIterator(arrList){
  for( let item of arrList){
    if(item.name === 'dxy'){
    return item.age
    }
  }
}
console.log(toIterator(arr));