Array数组的各种详细使用方法

1. push()：向数组末尾添加一个或多个元素

let arr = [1, 2, 3];
arr.push(4);
console.log(arr); // [1, 2, 3, 4]

2. pop()：从数组末尾删除一个元素

let arr = [1, 2, 3];
arr.pop();
console.log(arr); // [1, 2]

3. shift()：从数组开头删除一个元素

let arr = [1, 2, 3];
arr.shift();
console.log(arr); // [2, 3]

4. unshift()：向数组开头添加一个或多个元素

let arr = [1, 2, 3];
arr.unshift(0);
console.log(arr); // [0, 1, 2, 3]

5. splice()：从数组中删除或添加元素

let arr = [1, 2, 3];
arr.splice(1, 1, 4);
console.log(arr); // [1, 4, 3]

6. slice()：从数组中提取元素

let arr = [1, 2, 3];
let newArr = arr.slice(1, 2);
console.log(newArr); // [2]

7. concat()：连接两个或多个数组

let arr1 = [1, 2];
let arr2 = [3, 4];
let newArr = arr1.concat(arr2);
console.log(newArr); // [1, 2, 3, 4]

8. join()：将数组元素连接成字符串

let arr = [1, 2, 3];
let str = arr.join('-');
console.log(str); // "1-2-3"

9. reverse()：反转数组元素的顺序

let arr = [1, 2, 3];
arr.reverse();
console.log(arr); // [3, 2, 1]

10. sort()：对数组元素进行排序

var arr = [3, 1, 4, 2, 5];
arr.sort(function(a, b) {
  return a - b;
});
console.log(arr); // 输出 [1, 2, 3, 4, 5]

var arr = [3, 1, 4, 2, 5];
arr.sort(function(a, b) {
  return b - a;
});
console.log(arr); // 输出 [5, 4, 3, 2, 1]

11. indexOf()：返回数组中指定元素的第一个索引

let arr = [1, 2, 3, 2];
let index = arr.indexOf(2);
console.log(index); // 1

12. lastIndexOf()：返回数组中指定元素的最后一个索引

let arr = [1, 2, 3, 2];
let index = arr.lastIndexOf(2);
console.log(index); // 3

13. includes()：判断数组是否包含指定元素

let arr = [1, 2, 3];
let isInclude = arr.includes(2);
console.log(isInclude); // true

14. filter()：返回符合条件的数组元素

let arr = [1, 2, 3];
let newArr = arr.filter(item => item > 1);
console.log(newArr); // [2, 3]

15. map()：对数组元素进行操作并返回新数组

let arr = [1, 2, 3];
let newArr = arr.map(item => item * 2);
console.log(newArr); // [2, 4, 6]

16. reduce()：对数组元素进行累加操作并返回结果

let arr = [1, 2, 3];
let sum = arr.reduce((prev, curr) => prev + curr, 0);
console.log(sum); // 6

17. forEach()：对数组元素进行操作，没有返回值

let arr = [1, 2, 3];
arr.forEach(item => console.log(item));
// 1
// 2
// 3

18. every()：判断数组元素是否全部符合条件

let arr = [1, 2, 3];
let isAllEven = arr.every(item => item % 2 === 0);
console.log(isAllEven); // false

19. some()：判断数组元素是否有符合条件的

let arr = [1, 2, 3];
let hasEven = arr.some(item => item % 2 === 0);
console.log(hasEven); // true

20. find()：返回符合条件的第一个数组元素

let arr = [1, 2, 3];
let even = arr.find(item => item % 2 === 0);
console.log(even); // 2

21. findIndex()：返回符合条件的第一个数组元素的索引

let arr = [1, 2, 3];
let index = arr.findIndex(item => item % 2 === 0);
console.log(index); // 1

22. fill()：用指定元素填充数组

let arr = [1, 2, 3];
arr.fill(0);
console.log(arr); // [0, 0, 0]

23. flat()：将多维数组转换为一维数组

let arr = [1, [2, 3], [4, [5]]];
let newArr = arr.flat(2);
console.log(newArr); // [1, 2, 3, 4, 5]

24. flatMap()：对数组元素进行操作并返回新数组，然后将多维数组转换为一维数组

let arr = [1, 2, 3];
let newArr = arr.flatMap(item => [item * 2]);
console.log(newArr); // [2, 4, 6]

25. keys()：返回数组索引的迭代器

let arr = [1, 2, 3];
let iterator = arr.keys();
for (let key of iterator) {
  console.log(key);
}
// 0
// 1
// 2

26. values()：返回数组元素的迭代器

let arr = [1, 2, 3];
let iterator = arr.values();
for (let value of iterator) {
  console.log(value);
}
// 1
// 2
// 3

27. entries()：返回数组索引和元素的迭代器

let arr = [1, 2, 3];
let iterator = arr.entries();
for (let [key, value] of iterator) {
  console.log(key+':'+value);
  }
// 0:1
// 1:2
// 2:3

28.of() ： 创建一个包含指定元素的数组

// 创建一个包含三个元素的数组
const myArray = Array.of('apple', 'banana', 'orange');
console.log(myArray); // 输出：["apple", "banana", "orange"]

29.toString() ： 将数组转换为字符串

const arrString = arr.toString();
console.log(arrString); // 输出 "1,2,3,4,5"