js 数组方法汇总

一、js创建数组的方式

1、使用 Array 构造函数

let arr = new Array();
// 括号里可以带参数

// 传入一个数字, 这个数组代表这个数组的长度
let arr = new Array(3);

// 传入多个数字、一个或多个非数字 代表这些是传递到数组中的初值
let arr1 = new Array(3, 5, 8);
console.log(arr1);  // [3, 5, 8]

2、使用数组字面量

let arr = ['温情', 'key', 'GAI'];
console.log(arr);  // ["温情", "key", "GAI"]

二、js数组的方法

这里只总结数组自己的原型方法(还有就是从Object继承的)

join()
push() 和 pop()
shift() 和 unshift()
sort()
reverse()
concat()
slice()
splice()
indexOf() 和 lastIndexOf()
forEach()
map()
filter()
every()
some()
reduce()和 reduceRight()

join()

该方法可以将整个数组的元素放入到一个字符串, 返回一个字符串， 通过指定的分隔符进行分割，参数可选，不传的话默认为逗号分割,

let arr = ['温情', '杨和苏', '周延', '法老', '大傻'];
let str = arr.join('/');
console.log(str);  //    温情/杨和苏/周延/法老/大傻

push() 和 pop()

Array.push() 向数组的末尾追加一个或多个元素，第一个参数必需(就是至少添加一个参数)，返回值为追加完元素之后的数组长度
Array.pop() 移除数组的最后一个元素，返回值是被移除的元素

// push()
let arr = ['温情', '杨和苏', '周延', '法老', '大傻'];
let arr1 = arr.push('邓紫棋');

console.log(arr1);  // 6
console.log(arr);  // ["温情", "杨和苏", "周延", "法老", "大傻", "邓紫棋"]

let arr2 = ['热狗', '刘聪'];
arr.push(...arr2);
console.log(arr);  // ["温情", "杨和苏", "周延", "法老", "大傻", "邓紫棋", "热狗", "刘聪"]

// pop()
let arr = ['温情', '杨和苏', '周延'];
let arr1 = arr.pop();

console.log(arr);  // ["温情", "杨和苏"]
console.log(arr1);  // 周延

shift() 和 unshift()

Array.unshift() 向数组的开头添加一个或多个元素，返回值是加了之后新的长度
Array.shift() 移除数组的第一个元素，返回值是被移除的元素

// unshift()