ES5中提及不多的几个数组方法(Array.forEach...)

  1. forEach
let arr = [{ title: 'aaa', read: 100, hot: true },
{ title: 'bbb', read: 100, hot: true },
{ title: 'ccc', read: 100, hot: true }]
arr.forEach((value, index, arr) => {     //括号里面是个回调函数
    console.log(value, index, arr);         //每一项的内容 每一项的索引 整个数组*次
})
  1. Arrray.map
let arr = [
{ title: 'aaa', read: 100, hot: true },
{ title: 'bbb', read: 100, hot: false },
{ title: 'ccc', read: 100, hot: true }]
let newB = arr.map((value, index, arr) => {
    let json = {};
    json.t = `new  ${value.title}`;
    json.i = index + 1;
    json.a = arr;
    return json;
})
console.log(newB);

map的主要作用是返回值映射 没有return相当于forEach
相当于从数组中取东西

  1. Array.filter
let arr = [
{ title: 'aaa', read: 100, hot: true },
{ title: 'bbb', read: 100, hot: false },
{ title: 'ccc', read: 100, hot: true }]
let newArr = arr.filter((value,index,arr)=>{
    return value.hot == true;
})
console.log(newArr);

留下函数返回值为真的数据

  1. Array.some()
    some() 方法会依次执行数组的每个元素:
    如果有一个元素满足条件,则表达式返回true , 剩余的元素不会再执行检测。
var ages = [32, 33, 16, 40];
 function checkAdult(age) {
     return age >= 18;
 }
 console.log(ages.some(checkAdult));//false

如果没有满足条件的元素,则返回false。

  1. Array.every()
    every() 方法使用指定函数检测数组中的所有元素:
    如果数组中检测到有一个元素不满足,则整个表达式返回 false ,且剩余的元素不会再进行检测。
    如果所有元素都满足条件,则返回 true。
var ages = [32, 33, 16, 40];

function checkAdult(age) {
    return age >= 18;
}
console.log(ages.every(checkAdult));	//false
  1. Array.reduce(() => { })
    Array.reduceRight(() => { })
    reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。
var numbers = [65, 44, 12, 4];
 
function getSum(total, num) {
    return total + num;
}
console.log(numbers.reduce(getSum));
}

计算过程为 (((65+44)+12)+4)
Array.reduceRight则正好相反 从又往左计算
另外 arr.forEach/map/every/some/reduce 有两个参数(回调函数,this指向谁 可以是window,document…)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值