JavaScript数组方法

1、Array.push()

push()获取数组，在数组末尾添加一个或多个元素，并返回操作后的数组长度，会修改原数组

let myarr = [2,3];
myarr.push(21);

---3

console.log(myarr)

---[2,3,21]

2、Array.concat()

concat()合并两个或多个数组，不改变原数组，而是返回新数组

let myarr = [1,2,3];
let newarr = [4,5,6];
let result = myarr.concat(newarr);
console.log(result);

---[1,2,3,4,5,6]

3、Array.join()

join()接受一个数组并连接数组内容，结果为字符串，默认用“，”隔开，指定间隔符

let myarr = [1,2,3,4,5];
myarr.join();

---"1,2,3,4,5"

指定分隔符
myarr.join("");

---"12345"

myarr.join("-");

---"1-2-3-4-5"

4、Array.forEach()

forEach()遍历数组并执行指定函数

let myarr = [1, 2, 3, 4];
myarr.forEach((item) => {
  console.log(item * 2);
});

---2 4 6 8 

5、Array.map()

map() 对数组中的每个元素执行一个函数，并将结果放入一个新数组中

let myArray = [2, 4, 5, 7, 9, 12, 14];
let doubleArray = myArray.map(function (item) {
    return item * 2;
});
console.log(doubleArray);

---[4,8,10,14,18,24,28]

console.log(myArray);

---[2,4,5,7,9,12,14]

6、Array.unshift()

unshift()接受数组并在数组开头添加一个或多个元素，并返回添加后数组长度，会修改原数组

let myArray = [2, 4, 5, 7, 9, 12, 14];
myArray.unshift(0);

---8

console.log(myArray);

---[0, 2,4,5,7,9,12,14]

7、Array.sort()

sort()排序，将数组进行排序，会修改原数组

let myArray = [12, 55, 34, 65, 10];
myArray.sort((a,b) => a - b);
console.log(myArray);

---[10, 12, 34, 55, 65]

8、Array.reverse()

reverse() 方法用于反转数组中元素的顺序

let myArray = [2,4,5,7,9,12,14];
myArray.reverse();
console.log(myArray);

---[14, 12, 9, 7, 5, 4, 2]

9、 Array.slice()

slice() 用于检索数组一部分的浅拷贝,通过索引从数组中选择特定元素，需要传入可选的开始索引和结束索引，结束索引默认为数组长度

let myArray = [2,4,5,7,9,12,14];
let slicedArray = myArray.slice(2);
console.log(myArray);

---[2, 4, 5, 7, 9, 12, 14]

console.log(slicedArray);

---[5, 7, 9, 12, 14]

let myArray = [2,4,5,7,9,12,14];
let slicedArray = myArray.slice(1, 3);
console.log(slicedArray);

---[4, 5]

10、Array.splice()

splice()用于删除或替换数组中的元素。通过指定要删除的元素的索引和数量，它修改了数组

第一个参数为开始索引位置，第二个为修改数量，后面是替换内容

let myArray = [2,4,5,7,9,12,14];
myArray.splice(2, 3);
console.log(myArray);

---[2, 4, 12, 14]

let myArray = [2,4,5,7,9,12,14];
myArray.splice(2, 3, 1, 2, 3);
console.log(myArray);

---[2, 4, 1, 2, 3, 12, 14]

11、 Array.filter()

filter()过滤数组，根据条件从数组中过滤你想要的元素

let myArray = [2,4,5,7,9,12,14];
let divisibleByTwo = myArray.filter((number) =>
    number % 2 === 0
);
console.log(divisibleByTwo);

---[2, 4, 12, 14]

12、Array.reduce()

reduce()迭代器，需要一个带有累加器变量和当前元素变量的 reducer 函数作为必需的参数。累加器的值在所有迭代中都会被记住，并最终在最后一次迭代后返回

0作第二个参数传递，用作累加器变量的初始值

let myArray = [2,4,5,7,9,12,14];
let sumOfNums = myArray.reduce((sum, currentNum) => sum + currentNum, 0);
console.log(sumOfNums);

---53

13、Array.includes()

在数组中搜索一个元素以检查它是否存在，根据该元素是否存在，返回 true 或 false，此方法接受一个必需参数（要搜索的元素）和一个可选参数（从其开始搜索的数组索引）

let myArray = [2,4,5,7,9,12,14];
console.log(myArray.includes(4));
console.log(myArray.includes(2, 1));
console.log(myArray.includes(12, 2));
console.log(myArray.includes(18));

---truefalsetruefalse

14、 Array.indexOf()

indexOf() 方法用于找出可以在数组中找到第一次出现指定元素的索引，如果元素不存在于数组中，则此方法返回数字索引或-1。

indexOf() 方法使用严格相等来检查元素是否存在，这意味着值以及数据类型应该相同。可选的第二个参数采用索引开始搜索

let myArray = [2,4,5,7,9,12,14];
console.log(myArray.indexOf(4));

--- 1

console.log(myArray.indexOf("4"));

--- -1

console.log(myArray.indexOf(9, 2));

--- 4

15、 Array.fill()

将数组中的所有值设置为静态值，在具有 1 个必需参数的数组上调用此方法：用于填充数组的值和 2 个可选参数：要填充的开始和结束索引。此方法修改现有数组

let myArray = [2,4,5,7,9,12,14];
let array1 = myArray.fill(0);
console.log(myArray);
console.log(array1);

---[0, 0, 0, 0, 0, 0, 0]
---[0, 0, 0, 0, 0, 0, 0]

let myArray = [2,4,5,7,9,12,14];
let array2 = myArray.fill(0, 2);
console.log(myArray);
console.log(array2);

---[2, 4, 0, 0, 0, 0, 0]
---[2, 4, 0, 0, 0, 0, 0]

let myArray = [2,4,5,7,9,12,14];
let array3 = myArray.fill(0, 1, 3);
console.log(myArray);
console.log(array3);

---[2, 0, 0, 7, 9, 12, 14]
---[2, 0, 0, 7, 9, 12, 14]

学习笔记，，，，，，