Array常用的方法

Array 有多少种常用方法

1. 改变原数组的方法

1. pop()

语法：arrayObject.pop()

功能：用于删除并返回数组的最后一个元素

返回值：被删除的元素；如果是空数组则不改变数组，返回undefined

// arrayObject.pop()
var arr = [1,2,3];
console.log('arr: '+ arr);	// 1,2,3
console.log('the pop element: '+ arr.pop());  // 3
console.log('arr: '+ arr);	// 1,2

2. push()

语法：arrayObject.push(newelement1,newelement2,…,newelementX)

功能：想数组的末尾添加一个或多个元素

返回值：把指定的值添加到数组之后的新长度

// arrayObject.push(newelement1,newelement2,....,newelementX)
var arr = [1,2,3];
console.log('arr: '+ arr);	// 1,2,3
console.log('the new length: '+ arr.push(4,5));  // 5
console.log('arr: '+ arr);  // 1,2,3,4,5

3. shift()

语法：arrayObject.shift()

功能：把数组的第一个元素从其中删除

返回值：数组原来的第一个元素的值

// arrayObject.shift()
var arr = [1,2,3];
console.log('arr: '+ arr);  // 1,2,3
console.log('the shift element: '+ arr.shift());  // 1
console.log('arr: '+ arr);  // 2,3

4. unshift()

语法：arrayObject.unshift(newelement1,newelement2,…,newelementX)

功能：向数组的开头添加一个或多个元素

返回值：返回数组的新长度

// arrayObject.unshift(newelement1,newelement2,...,newelementX)
var arr = [1,2,3];
console.log('arr: '+ arr);	// 1,2,3
console.log('the new length: '+ arr.unshift(14,5));  // 5
console.log('arr: '+ arr);  // 14,5,1,2,3

5. splice()

语法：arrayObject.splice(index,howmany,item1,…,itemX)

功能：向数组添加项目或者从数组中删除项目

返回值：向/从数组中添加/删除项目，然后返回被删除的项目

参数：

第一个，表示开始位置的索引

第二个，表示删除的数量

第三个及以后。。

可以传递一些新的元素，这些元素将会自动插入到开始位置索引前边

// arrayObject.splice(index,howmany,item1,.....,itemX)
var arr = [1,2,3];
console.log('arr: '+ arr);  // 1,2,3
console.log('delete element: '+ arr.splice(0,1));  // 1
console.log('arr: '+ arr);  // 2,3
console.log('do not delete element: '+ arr.splice(0,0,6));
console.log('arr: '+ arr);  // 6,2,3

6. reverse()

语法： arrayObject.reverse()

功能：用于颠倒数组中的元素的顺序

返回值：返回颠倒顺序之后的数组

7. sort()

语法：arr.sort() 或者 arr.sort(compareFunction)

输入值；无 或者 函数（用来指定按某种顺序进行排列的函数。如果省略，元素按照转换为的字符串的各个字符的Unicode位点进行排序）

功能：排序

返回值：排序之后的数组

// arr.sort() 
// arr.sort(compareFunction)
var numbers = [4, 2, 5, 1, 3];
numbers.sort(function(a, b) {
  return a - b;
});
console.log(numbers);  // [1,2,3,4,5]

2. 不改变原数组的方法

1. concat()

语法：arrayObject.concat(arrayX,arrayX,…,arrayX)

输入值： 输入值可以是单个元素（多个元素），也可以是单个数组（多个数组）

功能：连接两个或多个数组

返回值：返回被连接数组的一个副本

// arrayObject.concat(arrayX,arrayX,......,arrayX)
var arr = [1,2,3];
var arr2 = arr.concat(4,5,6);
console.log("arr: " + arr);  // 1,2,3
console.log("arr2: " + arr2);  // 1,2,3,4,5,6
 
var arr3 = arr.concat([7,8]);
console.log("arr: " + arr);  // 1,2,3
console.log("arr3: " + arr3);  // 1,2,3,7,8
 
var arr4 = arr.concat([9,10],[11,12]);
console.log("arr: " + arr);  // 1,2,3
console.log("arr4: " + arr4);  // 1,2,3,9,10,11,12

2. join()

语法：arrayObject.join(separator)

输入值：分隔符

功能：把数组中的所有元素放入一个字符串中

返回值：返回一个字符串。该字符串是通过把 arrayObject 的每个元素转换为字符串，然后把这些字符串连接起来，在两个元素之间插入 separator 字符串而生成的。

// arrayObject.join(separator)
var arr = new Array(3);
arr[0] = "A";
arr[1] = "B";
arr[2] = "C";
console.log('arr.join(): ' + arr.join());  // A,B,C
console.log('arr.join(-): ' + arr.join('-'));  // A-B-C

3. slice()

语法：arrayObject.slice(start,end)—包括start但不包括end，没有找到元素，则返回空的数组

输入值：

返回值：返回一个新的数组，包含从 start 到 end （不包括该元素）的 arrayObject 中的元素

4. toString()

语法：booleanObject.toString()

功能：把一个逻辑值转换为字符串，并返回结果

返回值：根据原始布尔值或者booleanObject对象的值返回字符串"true"或“false”