• 欢迎光临~

ES6数组API

开发技术 开发技术 2022-10-15 次浏览

ES6数组API

Array.map(item, index)

/*
  Array.map(item, index)
    item: 数组中的每个元素
    index: 索引
  特性:映射,进去几个,出来的还是几个,返回一个新数组  
*/
const socres = [60, 90, 62, 83, 98, 71];
const newArr = socres.map((item, index) => (item > 70 ? "合格" : "不合格"));
console.log(newArr);

Array.reduce(tmp, item, index)

/*
  Array.reduce(tmp, item, index)
    tmp: 第一次进入循环 tmp就是索引值第0位,其后就是上一个循环return的值
    item: 数组中的每个元素
    index: 索引
  特性: 从索引1开始循环,值逐渐变少,最终返回一个值,例如求平均值等
*/
const socres1 = [60, 90, 62, 83, 98, 71];
let result = socres1.reduce((tmp, item, index) => {
  if (index === socres1.length - 1) {
    return (tmp + item) / socres1.length;
  } else {
    return tmp + item;
  }
});
console.log(result);

Array.filter(item, index)

/*
  Array.filter(item, index)
    item: 数组中的每个元素
    index: 索引
  特性:写条件过滤,进去几个,返回部分.(return ture 会被丢到新数组)
*/
const socres2 = [60, 90, 62, 83, 98, 71];
let result2 = socres2.filter((item, index) => {
  return item % 2 === 0;
});
console.log(result2);

Array.forEach(item, index)

/*
  Array.forEach(item, index)
    item: 数组中的每个元素
    index: 索引
  特性:是一个语法糖,item是数组中的每一项  
*/

const socres3 = [60, 90, 62, 83, 98, 71];
socres3.forEach((item, index) => {
  console.log(`第${index}位是:${item}`);
});
程序员灯塔
转载请注明原文链接:ES6数组API
喜欢 (0)
违法和不良信息举报电话:022-22558618 举报邮箱:dljd@tidljd.com