JavaScript 基础三：常用的数组方法总结

Array.push()：

在数组末尾添加一个新的元素，并返回数组，改变了元素长度

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

Array.pop()：

删除数组最后一个元素，并返回数组，改变了元素长度

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

Array.shift()：

删除数组第一个元素，并返回数组，改变了元素长度

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

Array.unshift()：

在数组开头添加一个元素，并返回数组，改变了元素长度

let arr = [1, 2, 3, 4, 5]
arr.unshift("a")
console.log(arr) //[a, 1, 2, 3, 4, 5]
console.log(arr.length) //6

Array.isArray()

判断一个对象是否是数组，返回布尔值

let arr = [1, 2, 3, 4, 5];
console.log(Array.isArray(arr));

Array.concat()

将多个数组拼接成一个数组，返回一个新的数组，不改变原数组长度

let arr1 = [1,2,3];
let arr2 = [4,5,6];
let arr3 = arr1.concat(arr2)
console.log(arr1);
console.log(arr2);
console.log(arr3);

Array.splice(index，num, [item])

• index：起始位置
• num：删除个数
• item：增加的元素

从数组中添加或删除元素，然后返回被删除的数组元素

let arr = [1, 2, 3, 4, 5];
let arr1 = arr.splice(2, 0 'haha')
let arr2 = arr.splice(2, 3)
let arr1 = arr.splice(2, 1 'haha')
console.log(arr1) //[1, 2, 'haha', 3, 4, 5]新增一个元素
console.log(arr2) //[1, 2] 删除三个元素
console.log(arr3) //[1, 2, 'haha', 4, 5] 替换一个元素

Array.slice(start, [end])

从已有的数组中返回你选择的某段数组元素,从start位置开始(包括start位置元素)，到end位置结束(不包括end位置元素),返回一个新的数组

let arr = ["a", "b", "c", "d", "e"];
let arr1 = arr.slice(1, 2)
console.log(arr1) //[1, 2, 'haha', 3, 4, 5]新增一个元素

Array.map()

将数组的的每一个元素调用一个提供的函数，返回一个新的数组，原数组未改变

let arr = [1, 2, 3, 4, 5];
// let newarr = arr.map(function(x) {
// 	return x * x; 
// })
let newarr = arr.map(x => x * x)；
console.log(arr);
console.log(newarr);

Array.forEach()

将数组中的每个元素执行传递提供的函，没有返回值

let arr = [1,2,3,3,4,5];
arr.forEach(function(x){
	 x * x;
	console.log(x);
})
console.log(arr);

Arrar.filter()

将所有元素进行判断，将满足元素的元素作为一个新的数组返回，原数组未改变

let arr = [1, 2, 3, 4, 5];
//const isBigEnough = value = value >= 3;
let isBigEnough = function(value) {
	return value >= 3;
}
let newArr = arr.filter(isBigEnough);
console.log(arr);
console.log(newArr);

Array.every()

此方法是将所有元素进行判断返回一个布尔值，如果所有元素都满足判断条件，则返回true，否则为false：

let arr = [1,2,3,4,5];
const isLessThen4 = value => value < 4;
let isLessThan6 = function(value){
	return value < 6
};
let a1 = arr.every(isLessThen4); //false
let a2 = arr.every(isLessThan6); //true
console.log(a1);
console.log(a2);

参考：

• https://www.cnblogs.com/jinzhou/p/9072614.html