js 数组处理的常用方法

会改变原数组

一：添加元素类:

push()方法

push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi")

// 打印 fruits 
["Banana","Orange","Apple","Mango","Kiwi"]

unshift() 方法

unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon","Pineapple");

// 打印 fruits 
["Lemon","Pineapple","Banana","Orange","Apple","Mango"]

二：删除元素类:

pop() 方法

pop() 方法可删除数组的最后一个元素并返回删除的元素。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();

// 打印 fruits 
{"Banana","Orange","Apple"]

shift() 方法

shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();

// 打印 fruits 
["Orange", "Apple", "Mango"]

三、颠倒顺序

reverse() 方法

reverse() 方法用于颠倒数组中元素的顺序。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.reverse();

// 打印 fruits 
["Mango","Apple","Orange","Banana"]

四、插入、删除、替换数组元素

splice() 方法

splice() 方法用于添加或删除数组中的元素。(该方法比较常用)

语法 splice( index, howmany, item1, …, itemX )
index：必需。规定从何处添加/删除元素。该参数是开始插入和（或）删除的数组元素的下标，必须是数字。
howmany： 可选。规定应该删除多少元素。必须是数字，但可以是 “0”。如果未规定此参数，则删除从 index 开始到原数组结尾的所有元素。
item1, …, itemX：可选。要添加到数组的新元素

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2,0,"Lemon","Kiwi");

// 打印 fruits 
["Banana","Orange","Lemon","Kiwi","Apple","Mango"]

不会改变原数组

返回一个新数组，需要定义一个值来接收

concat() 方法

concat() 方法用于连接两个或多个数组。

// 合并三个数组的值
var arr1 = ["Cecilie", "Lone"];
var arr2= ["Emil", "Tobias", "Linus"];
var arr3= ["Robin"];
var children = arr1 .concat(arr2,arr3);

// 打印 children
["Cecilie","Lone","Emil","Tobias","Linus","Robin"]

filter() 方法

filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。
平时也多用于查询某条数据是否存在
filter详细语法

var ages = [32, 33, 16, 40];
var result = ages.filter((item)=> item > 18)  //这里用了es6的写法

打印 result 
[ 32, 33, 40 ]

indexOf () 方法

indexOf() 方法可返回数组中某个指定的元素位置。

语法：array.indexOf(item,start)
start 可选，默认值为0，如果在数组中没找到指定元素则返回 -1。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var a = fruits.indexOf("Apple");

// 打印 a
2

join() 方法

join() 方法用于把数组中的所有元素转换一个字符串。（元素是通过指定的分隔符进行分隔的。）

语法：array.join(separator)
separator：可选。指定要使用的分隔符。如果省略该参数，则使用逗号作为分隔符。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var energy = fruits.join();
var arr = fruits.join('-')
// 打印 energy
Banana,Orange,Apple,Mango
// 打印 arr 
Banana-Orange-Apple-Mango

slice() 方法

slice() 方法可从已有的数组中返回选定的元素。

语法：array.slice(start, end) // 两个参数都可为负数
详情用法看这个 slice用法

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1,3);
// 打印 citrus
["Orange","Lemon"]

toString() 方法

toString() 方法可把数组转换为字符串，并返回结果。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var new_fruits = fruits.toString();
// 打印 new_fruits
Banana,Orange,Apple,Mango