一起來了解javascript數(shù)組的方法
更新時(shí)間：2022年01月26日 16:50:02 作者：喜歡白樸
這篇文章主要為大家詳細(xì)介紹了javascript數(shù)組的方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助
1、push
在數(shù)組末尾添加一個(gè)或者多個(gè)元素
var arr = [1,2,3,4];
arr.push(5);
console.log(arr);// [1, 2, 3, 4, 5]
arr.push(6,7);
console.log(arr);//[1, 2, 3, 4, 5, 6, 7]
2、pop
數(shù)組末尾刪除一個(gè)，并返回刪除的元素
var arr = [1,2,3,4];
console.log(arr.pop());// 4
console.log(arr); // [1,2,3]
3、unshift()
數(shù)組頭部添加一個(gè)或者多個(gè)元素，返回添加后的數(shù)組長度
var arr = [4,5,6,7];arr.unshift(2,3) console.log(arr); // [2, 3, 4, 5, 6, 7] arr.unshift(1) console.log(arr); // [1, 2, 3, 4, 5, 6, 7] var arr = [4,5,6,7];
arr.unshift(2,3)
console.log(arr); // [2, 3, 4, 5, 6, 7]
arr.unshift(1)
console.log(arr); // [1, 2, 3, 4, 5, 6, 7]
4、shift()
頭部刪除一個(gè)元素，返回這個(gè)被刪除的元素
var arr = [4,5,6,7];
console.log(arr.shift()); //4
console.log(arr); //[5, 6, 7]
5、concat()
數(shù)組合并， 不會(huì)改變原數(shù)組
var abb = [1,2,3]
var arr = [4,5,6,7];
console.log(abb.concat(arr)); // [1, 2, 3, 4, 5, 6, 7]
6、reverse()
數(shù)組翻轉(zhuǎn)、會(huì)改變原數(shù)組
var arr = [1,2,3];
console.log(arr.reverse()); // [3, 2, 1]
console.log(arr); // [3, 2, 1]
7、sort( )
對數(shù)組進(jìn)行從小到大的排序、會(huì)改變原數(shù)組
var arr = [1,3,8,2,5]
console.log(arr.sort()); // [1, 2, 3, 5, 8] 默認(rèn)是從小到大排序
arr.sort(function fn(a,b){ // 升序
return a-b
})
console.log(arr); // [1, 2, 3, 5, 8]
arr.sort(function fn(a,b){ // 降序
return b-a
})
console.log(arr); // [8, 5, 3, 2, 1]
8、join()
把數(shù)組轉(zhuǎn)換為字符串、不會(huì)改變原數(shù)組
var arr = [1,2,3,4,5]
console.log(arr.join()); // 1,2,3,4,5 默認(rèn)是以逗號分割
console.log(arr.join('-')); // 1-2-3-4-5 可以在括號內(nèi)定義用什么分割
console.log(arr); // [1, 2, 3, 4, 5]
9、slice()
數(shù)組截取、不會(huì)改變原數(shù)組
console.log(arr.slice(4)); // [5] 從下標(biāo)為4的位置開始到最后一個(gè)結(jié)束
console.log(arr.slice(2,4));// [3, 4] 從下標(biāo)為2的位置開始到4結(jié)束、但不包括下標(biāo)為4 的值
console.log(arr); // [1, 2, 3, 4, 5]
10、splice()
刪除、插入、會(huì)改變原數(shù)組
var arr = [1,2,3,4,5,6,7]
// 刪除
console.log(arr.splice()); // [] 沒穿參數(shù)返回空數(shù)組
console.log(arr.splice(4)); // [5, 6, 7] 從下標(biāo)4開始刪除到末尾，返回被刪除的值
console.log(arr.splice(4,2));// [5, 6] 第二個(gè)參數(shù)是刪除多少
console.log(arr);
// 插入
// 第一個(gè)參數(shù)是從什么位置開始，第二個(gè)是移除幾個(gè)，第三個(gè)以后是添加的內(nèi)容
console.log(arr.splice(1,0,3));// [] 返回空數(shù)組
console.log(arr); // [1, 3, 2, 3, 4, 5, 6, 7]
console.log(arr.splice(1,0,3,4));// [1, 3, 4, 2, 3, 4, 5, 6, 7]
總結(jié)
本篇文章就到這里了，希望能夠給你帶來幫助，也希望您能夠多多關(guān)注腳本之家的更多內(nèi)容!
相關(guān)文章
本節(jié)是javascript語言的一個(gè)快速預(yù)覽，也是本書的第一部分快速預(yù)覽。有想閱讀此書的小伙伴，建議先讀下本系列文章。2015-02-02
這篇文章主要介紹了Javascript 事件冒泡機(jī)制詳細(xì)介紹的相關(guān)資料,需要的朋友可以參考下2016-10-10
這篇文章主要用js代碼實(shí)現(xiàn)顏色隨機(jī)的小方塊,需要的朋友可以參考下2015-07-07
這篇文章主要為大家介紹了javascript深拷貝的幾種情況，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-01-01
Javascript基礎(chǔ)教程之JavaScript語法
本文是javascript基礎(chǔ)教程的第一篇，給大家?guī)淼氖莏avascript的最基礎(chǔ)的東西--javascript的語法的注意事項(xiàng)，希望大家能夠喜歡2015-01-01
上面描述了數(shù)據(jù)類型,學(xué)習(xí)完數(shù)據(jù)類型就不得不提到變量。2010-12-12
淺談JavaScript中的Math.atan()方法的使用
這篇文章主要介紹了JavaScript中的Math.atan()方法的使用,是JS入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下2015-06-06
JavaScript italics方法入門實(shí)例（把字符串顯示為斜體）
這篇文章主要介紹了JavaScript italics方法入門實(shí)例,italics方法用于把字符串顯示為斜體,需要的朋友可以參考下2014-10-10
javascript的函數(shù)...2007-01-01
DOM精簡教程...2006-10-10