那些年学过的数组方法

定义一个数组用来练习数组方法

let arr = [2, 4, 6, 7, 9, 3, 67, 234];

every

// 数组的所有元素都满足条件 返回true 否则返回false
const everyRes = arr.every((item) => item > 1);
console.log("every返回值为布尔值", everyRes);

some

// 数组的任何一个元素满足条件返回true
const someRes = arr.some((item) => item > 233);
console.log("some返回值为布尔值", someRes);

filter

// 返回的是一个满足条件的新数组
const filterRes = arr.filter((item) => item > 5);
console.log("filter返回值是满足条件的新数组", filterRes);

find

// 返回的是满足条件的第一个数组元素
const findRes = arr.find((item) => item > 5);
console.log("find返回值是满足条件的第一个数组元素", findRes);

forEach

// 返回值是undefined 对数组的每个元素执行给定的操作
// 遍历arr元素 push到newArr新数组
const newArr = [];
arr.forEach((item) => {
  newArr.push(item);
});
console.log("forEach对数组每个元素执行给定的操作", newArr);

map

// 返回值是一个新数组
// 使用map方法遍历mapArr  返回一个由数组元素对象a属性值组成的新数组
const mapArr = [{ a: 1 }, { a: 2 }, { a: 3 }];
const mapRes = mapArr.map((item) => item.a);
console.log("map返回值是新数组", mapRes);

pop

// 返回值的删除后的元素
// 使用pop方法可以删除数组最后一个元素，返回值为删除后的元素，此方法会更改原数组
const popRes = arr.pop();
console.log("pop返回的是删除的元素", popRes, "原数组：", arr);

push

// 返回值是新数组的长度
// 使用push方法可以在数组最后一个元素后添加1个或者N个元素，此方法会更改原数组
const pushArr = arr.push("我很帅", "我最帅", "我是帅哥");
console.log("返回值是新数组的length长度：", pushArr, "原数组", arr);

reduce

// 使用reduce方法实现数组元素累加和
let count = 0;
const reduceArr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
reduceArr.reduce((pre, val) => {
  // debugger;
  //pre累加结果   val为下一项的值
  return (count = pre + val);
});
console.log(count);

slice

// 返回值是新数组，相当于对原数组做了一层浅拷贝
// 截取数组元素前两位 - 前4位  包括2不包括4
const sliceArr = arr.slice(2, 4);
console.log("原数组", arr, "新数组", sliceArr);

splice

// 此方法会改变原数组
// 从数组第二项开始,删除0个,添加test元素
console.log("splice之前：", arr);
arr.splice(2, 0, "test");
console.log("splice之后：", arr);