1、array.concat()
concat()方法用于合并两个或多个数组。数组合并返回一个新的数组
const arr1 = [1, 2, 3]
const arr2 = [4, 5, 6]
const arr3 = arr1.concat(arr2);
console.log(arr3);
2、array.push()
push() 在数组后面添加新的元素
let arr = [1, 2, 3]
arr.push(2)
console.log(arr);
3、array.unshift()
unshift()在数组前面添加元素
let arr = [1, 2, 3]
arr.unshift(0)
console.log(arr);
4、array.pop()
pop()从数组最后面一个元素开始删除一个元素
let arr = [1, 2, 3]
arr.pop()
console.log(arr);
5、array.shift
shift()从数组最前面删除一个元素
let arr = [1, 2, 3]
arr.shift()
console.log(arr);
6、array.splice
splice()从数组中指定位置删除或者插入元素
let arr = ['一', '二', '三']
// arr.splice(从第几个元素开始,删除几个元素,插入的元素)
arr.splice(1, 0, '四')
console.log(arr);
let arr = ['一', '二', '三']
// arr.splice(从第几个元素开始,删除几个元素,插入的元素)
// arr.splice(1, 0, '四')
// console.log(arr);
arr.splice(1, 1, '四')
console.log(arr);
7、array.forEach
forEach()获取数组中的每个元素,方便后续使用
let arr = [1, 2, 3]
arr.forEach(element => {
console.log(element);
});
8、array.filter
filter () 过滤符合出符合条件的元素
let arr = [1, 2, 3]
console.log(arr.filter(it => it > 2));
9、array.join
join()将一个数组转换为字符串,并且可以添加符号
let arr = [1, 2, 3]
console.log(arr.join('-'));
10、array.reverse
reverse()将数组中的元素反转位置
let arr = [1, 2, 3, 4]
console.log(arr.reverse());
11、array.find
find()筛选数组中满足条件的第一个元素,失败返回undefined
let arr = [1, 2, 3, 4, 5];
// find : 查找第一个满足条件的元素
const res = arr.find((item) => {
return item >= 2;
});
console.log(res);
12、array.findIndex
findIndex()筛选数组中满足条件的第一个元素的索引,失败返回-1
let arr = [11, 22, 33]
console.log(arr.findIndex(math => math > 20))
13、array.indexOf
indexOf ()返回数组出现的第一个给定元素的索引,失败返回-1
let arr = [11, 22, 33]
console.log(arr.indexOf(33))
14、array.sort
sort () 给数组排序,默认排序是按照它们的 UTF-16 码元值升序排序,一般使用于排大小
let arr = [11, 55, 160, 1, 2]
let res = arr.sort((a, b) => {
return a - b
})
console.log(res);
15、array.IastindexOf
lastindexOf ()返回数组中给定的元素的最后一个元素的索引,没有就返回-1
let arr = [11, 55, 160, 1, 2, 11]
console.log(arr.lastIndexOf(11));
16、array.concat
concat()合并两个或者多个数组,返回的是一个新的数组
let arr1 = [1, 2, 3]
let arr2 = [4, 5, 6]
let arr3 = arr1.concat(arr2)
console.log(arr3);
17、array.some
some()返回数组中寻找满足条件的元素,只要有一个即为成功为true,失败为flase
let arr = [1, 2, 3, 4, 5]
let res = arr.some(item => {
return item > 2
})
console.log(res);
18、array.every
every()返回数组中看是否每个元素都满足条件,成功为true,失败为flase
let arr = [1, 2, 3, 4, 5]
let res = arr.every((item) => {
return item >= 1
})
console.log(res);
19、array.map
map()创建出一个新的数组,并把原来数组的值映射出来
let arr = [{
name: "张三",
sex: "男",
age: 18
}, {
name: "李四",
sex: "男",
age: 16
}, {
name: "王小美",
sex: "女",
age: 20
}]
const res = arr
.filter((it) => it.age > 17)
.map((it) => it.name)
.join('-')
console.log(res);
20、array.includes
includes()判断一个数组中是否包含一个元素,成功返回true,失败返回flase
let arr = [1, 2, 3, 4, 5]
console.log(arr.includes(3));
21、array.slice
slice()从一个索引开始,截取到另一个条件
// slice 截取
const animals = ["ant", "bison", "camel", "duck", "elephant"];
console.log(animals.slice(2)); // 从索引开始截取后面所有
// expected output: Array ["camel", "duck", "elephant"]
console.log(animals.slice(2, 4)); // 从索引开始 截取到 第二个参数之前
// expected output: Array ["camel", "duck"]
console.log(animals.slice(1, 5));
// expected output: Array ["bison", "camel", "duck", "elephant"]
console.log(animals.slice(-2)); // 截取后两个
// expected output: Array ["duck", "elephant"]
console.log(animals.slice(2, -1)); //
// expected output: Array ["camel", "duck"]