ES6数组新方法[通俗易懂]

let arr = [1, 2, 3, 4, 5];
arr.forEach((num, index) => { 
   
    return (arr[index] = num * 2);
});
let doubled = arr.map(num => { 
   
    return num * 2;
});
// [2, 4, 6, 8, 10]

var arr = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present'];
const newArr = arr.filter((arrItem,index,arr) => { 
   
	console.log(arrItem,index,arr)
	return arrItem.length > 6
});
console.log(newArr);

var people = [
  { 
    name: 'Alice', age: 21 },
  { 
    name: 'Max', age: 20 },
  { 
    name: 'Jane', age: 20 }
]

people.reduce( 
    (acc, obj, index, array )=>{ 
   
        console.log(acc, obj)
        return '第一参数为上一次遍历的返回值：' + index
     }, 
    { 
   name: 'tom', age: 0}
)

var fruits = ['apple', 'banana', 'mango', 'guava'];

function checkAvailability(arr, val) { 
   
  return arr.some( 
	(arrVal) => { 
   
	   return val === arrVal
	}
  );
}
checkAvailability(fruits, 'kela');   // false
checkAvailability(fruits, 'banana');  // true

[12, 5, 8, 130, 44].every(x => x >= 10); // false
[12, 54, 18, 130, 44].every(x => x >= 10); // true

//还可以接受第二个参数，作用类似于数组的map方法，用来对每个元素进行处理，将处理后的值放入返回的数组
Array.from([1, 2, 3], (x) => x * x)
// [1, 4, 9]
// 如果map函数里面用到了this关键字，还可以传入Array.from的第三个参数，用来绑定this

Array.of(3, 11, 8) // [3,11,8]
Array.of(3) // [3]
Array.of(3).length // 1

Array() // []
Array(3) // [, , ,]
Array(3, 11, 8) // [3, 11, 8]

[1, 2, 3, 4, 5].copyWithin(0, 3)
// [4, 5, 3, 4, 5]

// find：找出第一个符合条件的数组成员
// 回调函数可以接受三个参数，依次为当前的值、当前的位置和原数组
[1, 5, 10, 15].find(function(value, index, arr) { 
   
  return value > 9;
}) // 10

// findIndex:返回第一个符合条件的数组成员的位置，如果所有成员都不符合条件，则返回-1
[1, 5, 10, 15].findIndex(function(value, index, arr) { 
   
  return value > 9;
}) // 2

function f(v){ 
   
  return v > this.age;
}
let person = { 
   name: 'John', age: 20};
[10, 12, 26, 15].find(f, person);    // 26

['a', 'b', 'c'].fill(7)
new Array(3).fill(7)
// [7, 7, 7]
// fill方法还可以接受第二个和第三个参数，用于指定填充的起始位置和结束位置。
['a', 'b', 'c'].fill(7, 1, 2)
// ['a', 7, 'c']
// 如果填充的类型为对象，那么被赋值的是同一个内存地址的对象，而不是深拷贝对象

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"

[1, 2, 3].includes(2)     // true
[1, 2, 3].includes(4)     // false
[1, 2, NaN].includes(NaN) // true

// 第二个参数表示搜索的起始位置，默认为0, 支持负数
[1, 2, 3].includes(3, 3);  // false

[1, 2, [3, [4, 5]]].flat()
// [1, 2, 3, [4, 5]]

[1, 2, [3, [4, 5]]].flat(2)
// [1, 2, 3, 4, 5]

[1, [2, [3]]].flat(Infinity)
// [1, 2, 3]
// 会跳过空位
[1, 2, , 4, 5].flat()
// [1, 2, 4, 5]

// flatMap()只能展开一层数组
[2, 3, 4].flatMap((x) => [x * 1, x * 2])
// [2, 4, 3, 6, 4, 8]
// 相当于 [[2, 4], [3, 6], [4, 8]].flat()

// flatMap()方法的参数是一个遍历函数，该函数可以接受三个参数，分别是当前数组成员、当前数组成员的位置（从零开始）、原数组。
// flatMap()方法还可以有第二个参数，用来绑定遍历函数里面的this。
arr.flatMap(function callback(currentValue[, index[, array]]) { 
   
  // ...
}[, thisArg])

const arr = [5, 12, 8, 130, 44];
arr.at(2) // 8
arr.at(-2) // 130