摘要：今天就來(lái)梳理一下常用的數(shù)組方法基礎(chǔ)幾種基礎(chǔ)的就簡(jiǎn)單介紹一下創(chuàng)建數(shù)組括號(hào)可以傳參，指定數(shù)組長(zhǎng)度。返回值對(duì)數(shù)組的引用。如果數(shù)組是空的，那么方法將不進(jìn)行任何操作，返回值。注用于字符串操作時(shí)，會(huì)調(diào)用這一方法將數(shù)組自動(dòng)轉(zhuǎn)換成字符串。

在js中，數(shù)組作為一個(gè)特殊的對(duì)象。是我們常用的數(shù)據(jù)格式。今天就來(lái)梳理一下常用的數(shù)組方法.

幾種基礎(chǔ)的就簡(jiǎn)單介紹一下:
創(chuàng)建數(shù)組

var arr1 = new Array();  //括號(hào)可以傳參，指定數(shù)組長(zhǎng)度。目前arr1.length是0
var arr2 = new Array(3);//arr2.length是3
var arr3 = new Array(1,2,3,4);  //當(dāng)傳多個(gè)參數(shù)時(shí)，js會(huì)把這些參數(shù)作為數(shù)組的初始值。
console.log(arr3);  // [1,2,3,4]

new Array()創(chuàng)建數(shù)組有一個(gè)需要注意的地方。只傳一個(gè)參數(shù)時(shí)，如果這個(gè)值是非數(shù)字。會(huì)被當(dāng)做數(shù)組的第一個(gè)參數(shù)，生成一個(gè)長(zhǎng)度為1的數(shù)組。如果是數(shù)字，就會(huì)創(chuàng)建一個(gè)這個(gè)數(shù)字長(zhǎng)度的空數(shù)組。

但其實(shí)上面的創(chuàng)建方法不常用。我們更習(xí)慣這么寫

var arr = [];
var arr = [0,1,2,3]

基礎(chǔ)方法

arr.length  //數(shù)組的長(zhǎng)度
arr[1] //數(shù)組下標(biāo)是1的值。數(shù)組的下標(biāo)從0開始計(jì)數(shù)
arr.push(值) //往數(shù)組添加元素

var arr = ["element1","element2","element3","element4"];     //下面所有案列都是用的這個(gè)數(shù)組

//獲取指定元素的下標(biāo)
var index = arr. indexOf(”element2“）;   // 1

來(lái)看實(shí)際例子

//刪除
let getReturn = arr.splice(1,1);
console.log(getReturn);  // ["element2"]
console.log(arr);    //["element1",","element3","element4"]

//添加
let getReturn = arr.splice(arr.length,0,"element5","element6");
console.log(getReturn);  //[]
console.log(arr);    //["element1","element2","element3","element4","element5","element6"]

let getReturn = arr.pop();
console.log(getReturn);    //element4
console.log(arr);    //["element1","element2","element3"]

注意：請(qǐng)注意，該方法并不會(huì)修改數(shù)組，而是返回一個(gè)子數(shù)組。如果想刪除數(shù)組中的一段元素，應(yīng)該使用方法 Array.splice()。

let getReturn = arr.slice(1,3);
console.log(getReturn);    //["element2", "element3"]
console.log(arr);    //["element1", "element2", "element3", "element4"]

另外，slice()方法也可以實(shí)現(xiàn)深拷貝哦。

let copyArr = arr.slice();    //不傳值
copyArr[0] = "newElement";
console.log(arr);        //["element1", "element2", "element3", "element4"]
console.log(copyArr);    //["newElement", "element2", "element3", "element4"]

separator:可選。指定要使用的分隔符。如果省略該參數(shù)，則使用逗號(hào)作為分隔符。

let getReturn = arr.join();
console.log(getReturn);    //element1,element2,element3,element4
console.log(arr);    //["element1", "element2", "element3", "element4"]

arrayX:必需。該參數(shù)可以是具體的值，也可以是數(shù)組對(duì)象。可以是任意多個(gè)。

//傳數(shù)組
let getReturn = arr.concat(["element5","element6"],["element7"]);
console.log(getReturn);    //["element1", "element2", "element3", "element4", "element5", "element6", "element7"]
console.log(arr);    //?["element1", "element2", "element3", "element4"]

//傳元素
let getReturn = arr.concat("element5","element6");
console.log(getReturn);    //["element1", "element2", "element3", "element4", "element5", "element6"]
console.log(arr);    //["element1", "element2", "element3", "element4"]

sortby:可選。規(guī)定排序順序。必須是函數(shù)。
返回值:對(duì)數(shù)組的引用。請(qǐng)注意，數(shù)組在原數(shù)組上進(jìn)行排序，不生成新數(shù)組。
比較規(guī)則:是按照字符編碼進(jìn)行排序，所以可能只有排出來(lái)的不是你想要的結(jié)果，得傳參數(shù)解決

let newArr = [3,5,2,4,1];

let getReturn = newArr.sort();
console.log(getReturn);      //[1, 2, 3, 4, 5]
console.log(newArr);    //[1, 2, 3, 4, 5]

再看一個(gè)不如我們所愿的例子

let newArr = [1000,88,93,6,34];
let getReturn = newArr.sort();
console.log(getReturn);    //[1000, 34, 6, 88, 93]
console.log(newArr);    //?[1000, 34, 6, 88, 93]

//要實(shí)現(xiàn)大小排序，我們需要傳參數(shù)解決
function sortNumber(a,b){    //定義函數(shù)
    return a - b
}
let getReturn = newArr.sort(sortNumber);
console.log(getReturn);    //[6, 34, 88, 93, 1000]
console.log(newArr);    //[6, 34, 88, 93, 1000]

如果數(shù)組是空的，那么 shift() 方法將不進(jìn)行任何操作，返回 undefined 值。

  let getReturn = arr.shift();
  console.log(getReturn);    //element1
  console.log(arr);    //["element2","element3","element4"]

arr.unshift(newelement1,newelement2,....,newelementX)

  let getReturn = arr.unshift("element-1","element0");
  console.log(getReturn);    //6
  console.log(arr);    //["element-1","element0","element1","element2","element3","element4"]

arr.unshift(newelement1,newelement2,....,newelementX)

  let getReturn = arr.toString();
  console.log(getReturn,typeof getReturn);    //element1,element2,element3,element4 string
  console.log(arr,typeof arr);    //["element1", "element2", "element3", "element4"] "object"

注：用于字符串操作時(shí)，JavaScript 會(huì)調(diào)用這一方法將數(shù)組自動(dòng)轉(zhuǎn)換成字符串。例如:

let string = arr+"123";
console.log(string);    //element1,element2,element3,element4123

該方法會(huì)改變?cè)瓉?lái)的數(shù)組，而不會(huì)創(chuàng)建新的數(shù)組。

  let getReturn = arr.reverse();
  console.log(getReturn);    //["element4", "element3", "element2", "element1"]
  console.log(arr);    //["element4", "element3", "element2", "element1"]

此外，還有valueOf()，toLocaleString()，toSource()方法。但是從來(lái)沒(méi)用過(guò)，也沒(méi)想到什么使用場(chǎng)景，就不多帶帶講了。