javaScript一些常用数组方法总结

// 1.forEach（让数组中的每一项做一件事）
let arr = [1, 2, 3, 4, 5, 6];
arr.forEach((item, index) => {
  console.log(item);
});
console.log(arr); //[ 1, 2, 3, 4, 5, 6 ]

// 2.map（让数组通过某种计算产生一个新的数组）
// let arrMap = arr.map((item, index) => item * 2);   // 简写体，只有一个表达式，附加一个隐式返回（就是去掉return语句）
const arrMap = arr.map((item, index) => {
  return item * 2; // 块体中必须明确使用 return 语句
});
console.log(arrMap); //[ 2, 4, 6, 8, 10, 12 ]

// 3.reduce(让数组中的前项和后项做某种计算，并累计最终值)
const arrAdd = arr.reduce((prev, next) => {
  return prev + next;
});
console.log(arrAdd); //21

// 4.filter(筛选数组中符合条件的项，返回新的数组)
const newArr = arr.filter(item => item > 4);
console.log(newArr); //[5,6]

// 5.every(检测数组中每一项是否符合条件,全部满足才为true,否则为false)
const arrAll = arr.every(item => item > 5);
console.log(arrAll); //false

// 6.some(检测数组中是否有某些项满足条件，只要有一个满足返回就为true)
const arrAny = arr.some(item => item % 2 === 0);
console.log(arrAny); //true

// 7.includes方法返回一个布尔值，表示某个数组是否包含给定的值
console.log([1, 2, 3].includes(2)); // true  该方法的第二个参数表示搜索的起始位置，默认为0
console.log([1, 2, 3].includes(4)); //false
console.log([1, 2, 3].includes(3, -1)); //true 如果第二个参数为负数，则表示倒数的位置
console.log([1, 2, 3].includes(2, -4)); //true 如果第二个参数为负数,它绝对值大于数组长度（比如第二个参数为-4，但数组长度为3），则会重置为从0开始。
console.log([1, 2, NaN].includes(NaN)); //true

// 8.find()函数用来查找目标元素，找到就返回该元素，找不到返回undefined   (找出第一个符合条件的数组成员)
const arr1 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];
const ret1 = arr1.find((value, index, arr) => value > 4); //5
const ret2 = arr1.find((value, index, arr) => value > 14); //undefined

// 9.findIndex()函数也是查找目标元素，找到就返回元素的位置(返回第一个符合条件的数组成员的位置)，找不到就返回-1
console.log([1, 5, 10, 15].findIndex((value, index, arr) => value > 5)); //2 从第0位开始算

// 10.Array.of方法用于将一组值，转换为数组
Array.of(3, 11, 8); // [3,11,8]
Array.of(3); // [3]
Array.of(3).length; // 1

// 11.keys()是对键名的遍历、values()是对键值的遍历，entries()是对键值对的遍历。
for (let index of ["a", "b"].keys()) {
  console.log(index); // 0 1
}

for (let elem of ["a", "b"].values()) {
  console.log(elem); // 'a' 'b'
}

for (let [index, elem] of ["a", "b"].entries()) {
  console.log(index, elem); // 0 "a"   1 "b"
}