js数组基本方法

改变原数组

1.push() : 向数组的末尾添加一个或多个元素，并返回新的长度

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

let arr = [1,2,3];
let arrLength = arr.push(4,{a:5},[6,7,8]);
console.log(arr);         // [1,2,3,4,{a:5},[6,7,8]]
console.log(arrLength);   // 6

2.pop()：用于删除并返回数组的最后一个元素

语法：arrayObject.pop()

let arr1 = [1,2,3];
let el = arr1.pop();
console.log(arr1);   // [1,2]
console.log(el);     // 3

3.unshift()：向数组的开头添加一个或更多元素，并返回新的长度

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

let arr = [1,2,3];
let arrLength = arr.unshift(4,{a:5},[6,7,8]);
console.log(arr);         // [{a:5},[6,7,8],1,2,3,4]
console.log(arrLength);   // 6

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

语法：arrayObject.shift()

let arr = [1,2,3];
let el = arr.shift();
console.log(arr);   // [2,3]
console.log(el);   //  1

5.reverse()：用于颠倒数组中元素的顺序。

语法：arrayObject.reverse()

let arr1 = [1,2,3,4,{a:5},[6,7,8]]
let arr2 = arr1.reverse()
console.log(arr1);   // [[6,7,8],{a:5},4,3,2,1]
console.log(arr2);   // [[6,7,8],{a:5},4,3,2,1]

6.sort() :用于对数组的元素进行排序。

语法：arrayObject.sort(sortby)

sortby

可选。规定排序顺序。必须是函数。不填参数时，将按字母顺序对数组中的元素进行排序，即按照字符编码的顺序进行排序

//数组元素为数字
let arr1 = [2,3,1,6,21,1,2];
let arr2 = arr1.sort();
console.log(arr1);   // [1, 1, 2, 2, 21, 3, 6]
console.log(arr2);   // [1, 1, 2, 2, 21, 3, 6]

function sortNumber(a,b)
{
    return a - b
}
let arr3 = arr1.sort(sortNumber);
console.log(arr1);   // [1, 1, 2, 2, 3, 6, 21]
console.log(arr3);   // [1, 1, 2, 2, 3, 6, 21]

//数组元素为字符串
let arr1 = ['George','John','Thomas','James','Adrew','Martin'];
let arr2 = arr1.sort();
console.log(arr1);   // ["Adrew", "George", "James", "John", "Martin", "Thomas"]
console.log(arr2);   // ["Adrew", "George", "James", "John", "Martin", "Thomas"]

7.concat():连接数组或单个元素，并返回新的数组

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

//正确使用
let arr1 = [1,2,3];
let arr2 = arr1.concat(4,{a:5},[6,7,8])
console.log(arr1);   // [1,2,3]
console.log(arr2);   // [1,2,3,4,{a:5},6,7,8]
arr1 = arr1.concat(4,{a:5},[6,7,8])
console.log(arr1);   // [1,2,3,4,{a:5},6,7,8]


// 错误使用
let obj = {a:1}
let arr3 = [1,2,3];
let arr4 = arr1.concat(obj)
console.log(arr4);   // [1,2,3,{a:1}]
obj.a = 2;
console.log(arr4);   // [1,2,3,{a:2}]

8. splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。

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

index	必需。整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置。
howmany	必需。要删除的项目数量。如果设置为 0，则不会删除项目。
item1, ..., itemX	可选。向数组添加的新项目。

//新增元素
let arr1 = [1,2,3];
let arr2 = arr1.splice(1,0,4,{a:5},[6,7,8])
console.log(arr1);   // [1,4,{a:5},[6,7,8],2,3]
console.log(arr2 );      // []


//替换元素
let arr1 = [1,2,3];
let arr2 = arr1.splice(1,2,4,{a:5},[6,7,8])
console.log(arr1);   // [1,4,{a:5},[6,7,8]]
console.log(arr2 );      // [2,3]

//删除元素
let arr1 = [1,2,3];
let arr2 = arr1.splice(1,2)
console.log(arr1);   // [1]
console.log(arr2);   // [2,3]

9. slice() ：可从已有的数组中返回选定的元素。

语法： arrayObject.slice(start,end)

start	必需。规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。也就是说，-1 指最后一个元素，-2 指倒数第二个元素，以此类推。
end	可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数，那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数，那么它规定的是从数组尾部开始算起的元素。

//正数截取
let arr1 = [1,2,3,4,{a:5},[6,7,8]];
let arr2 = arr1.slice(2,4)
console.log(arr1);   // [1,2,3,4,{a:5},[6,7,8]]
console.log(arr2);   // [2,4]

//负数截取
let arr1 = [1,2,3,4,{a:5},[6,7,8]];
let arr2 = arr1.slice(-2,-1)
console.log(arr1);   // [1,2,3,4,{a:5},[6,7,8]]
console.log(arr2);   // [{a:5}]

10. join()：用于把数组中的所有元素通过指定的分隔符进行分隔，放入一个字符串。

语法： arrayObject.join(separator)

separator

可选。指定要使用的分隔符。如果省略该参数，则使用逗号作为分隔符。不填时相当于toString()方法

let arr1 = [1,2,3,4];
let el = arr1.join();
let el1 = arr1.toString();
console.log(arr1);   // [1,2,3,4]
console.log(el);     // 1,2,3,4
console.log(el1);    // 1,2,3,4

let arr1 = ['George','John','Thomas','James','Adrew','Martin'];
let el = arr1.join('.');
console.log(arr1);   // ["George", "John", "Thomas", "James", "Adrew", "Martin"]
console.log(el);     // George.John.Thomas.James.Adrew.Martin