js陣列方法總結

2021-09-26 04:01:34 字數 3534 閱讀 5774

concat()方法連線兩個或多個陣列。

語法:arrayobject.concat(arrayx,arrayx,......,arrayx),引數必須,引數可以是值,也可以是陣列(把引數陣列的值連線到陣列後)。

該方法不會改變現有的陣列,而是返回連線後的陣列。

var arr = [1,2,3];

// 引數是兩個值

// var concatarr = arr.concat(4,5);

// 引數是乙個陣列

// var concatarr = arr.concat([6,7,8]);

// 引數是兩個陣列

var concatarr = arr.concat([4,5],[6,7,8]);

console.log(arr); //陣列:[1,2,3]

console.log(concatarr); //陣列:[1,2,3,4,5,6,7,8]

join()指定使用分割符把陣列的所有元素放到乙個字串中。

語法:arrayobject.join(separator),引數可選,如果省略引數,則使用逗號作為分割符。

返回乙個字串。

var arr = ['a','b','c'];

var str = arr.join(';');

console.log(str); //字串:'a;b;c'

pop()方法刪除並返回最後乙個元素。

語法:arrayobject.pop()

返回最後乙個元素

var arr = ['a','b','c'];

var str = arr.pop();

console.log(arr); //陣列:['a','b']

console.log(str); //字串:c

push()方法向陣列的末尾新增乙個或多個元素,並返回新的長度。

語法:arrayobject.push(newelement1,newelement2,....,newelementx),只至少有乙個引數

返回新陣列長度

var arr = ['a','b','c'];

var len = arr.push('d','e');

console.log(arr); //['a','b','c','d','e'];

console.log(len); //5

shift()方法用於刪除陣列中第乙個元素,並返回第乙個元素

語法:shift()

返回第乙個元素

var arr = ['a','b','c'];

var str = arr.shift();

console.log(arr); //陣列:['b','c']

console.log(str); //字串:'a'

unshift() 方法可向陣列的開頭新增乙個或更多元素,並返回新的長度

語法:arrayobject.unshift(newelement1,newelement2,....,newelementx)

該方法修改現有的陣列,返回新陣列長度

var arr = ['a','b','c'];

var len = arr.unshift('x','y','z');

console.log(arr); //陣列:["x", "y", "z", "a", "b", "c"]

console.log(len); //6

slice()方法從已有的陣列返回選定的元素

語法:arrayobject.slice(start,end)

該方法不會修改現有的陣列,而是返回乙個新的子陣列

var arr = ['a','b','c','d','e'];

var newarr = arr.slice(1,3);

console.log(arr); //陣列:['a','b','c','d','e']

console.log(newarr); //陣列:['b','c']

splice()方法向陣列新增和刪除元素,並返回被刪除的元素

語法:arrayobject.splice(index,count,item1,.....,itemx),index必須引數,操作位置;count必須引數,要刪除元素的數量,如果是0,表示刪除0個;item1,.....,itemx,可選引數,向陣列新增元素。

該方法會改變原陣列,並把刪除的元素組成陣列返回。

var arr = ['a','b','c','d','e','f'];

var newarr = arr.splice(2,2,'z');

console.log(arr); //['a','b','z','e','f']

console.log(newarr); //['c','d']

reverse()方法用於反轉陣列內元素的順序。

語法:arrayobject.reverse()

該方法會改變原來的陣列,並返回反轉後的陣列

var arr = ['a','b','c'];

var reverarr = arr.reverse();

console.log(arr); //['c','b','a'];

console.log(reverarr); //['c','b','a'];

sort()方法用於對元素進行排序

語法:arrayobject.sort(sortby),可選引數,sortby必須是函式。

該方法會改變原來的陣列,並返回改變後的陣列。

// var arr = ['d','b','e','a','c'];

// var newarr = arr.sort();

// console.log(arr); //陣列:['a','b','c','d','e']

// console.log(newarr); //陣列:['a','b','c','d','e']

function sortnum(a,b)

var arr = [10,8,5,22];

var newarr = arr.sort(sortnum);

console.log(arr); //陣列:[5,8,10,22]

console.log(newarr); //陣列:[5,8,10,22]

tostring() 方法可把陣列轉換為字串,並返回結果。

語法:arrayobject.tostring()

返回字串

var arr = ['a','b','c','d','e','f'];

var str = arr.tostring();

console.log(arr); //陣列:['a','b','c','d','e','f']

console.log(str); //字串:'a,b,c,d,e,f'

JS陣列方法總結

1 轉換方法 tostring 返回陣列的字串表示,每個值的字串表示拼接成乙個字串,中間以逗號隔開。tolocalestring valueof var colors red blue yellow console.log colors.tolocalestring red,blue,yellow ...

js陣列方法總結

下面詳細介紹一下各個方法的基本功能。1 join join separator 將陣列的元素組起乙個字串,以separator為分隔符,省略的話則用預設用逗號為分隔符,該方法只接收乙個引數 即分隔符。var arr 1,2,3 console.log arr.join 1,2,3 console.l...

JS 陣列方法總結

在我們到陣列這塊內容的時候,我們會發現陣列的方法居多,功能巨強大,進行我們對陣列的所有原生方法進行分類總結。1.檢測陣列 用於檢測某個屬性或者物件是否屬於物件或者陣列 返回值為 true false var arr 1,2,3 console.log arr instanceof array tru...