一起來了解javascript數(shù)組的方法
更新時間：2022年01月26日 16:50:02 作者：喜歡白樸
這篇文章主要為大家詳細(xì)介紹了javascript數(shù)組的方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助
1、push
在數(shù)組末尾添加一個或者多個元素
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ù)組末尾刪除一個，并返回刪除的元素
var arr = [1,2,3,4];
console.log(arr.pop());// 4
console.log(arr); // [1,2,3]
3、unshift()
數(shù)組頭部添加一個或者多個元素，返回添加后的數(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()
頭部刪除一個元素，返回這個被刪除的元素
var arr = [4,5,6,7];
console.log(arr.shift()); //4
console.log(arr); //[5, 6, 7]
5、concat()
數(shù)組合并， 不會改變原數(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)、會改變原數(shù)組
var arr = [1,2,3];
console.log(arr.reverse()); // [3, 2, 1]
console.log(arr); // [3, 2, 1]
7、sort( )
對數(shù)組進(jìn)行從小到大的排序、會改變原數(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)換為字符串、不會改變原數(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ù)組截取、不會改變原數(shù)組
console.log(arr.slice(4)); // [5] 從下標(biāo)為4的位置開始到最后一個結(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()
刪除、插入、會改變原數(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] 第二個參數(shù)是刪除多少
console.log(arr);
// 插入
// 第一個參數(shù)是從什么位置開始，第二個是移除幾個，第三個以后是添加的內(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)文章
說說掌握J(rèn)avaScript語言的思想前提想學(xué)習(xí)js的朋友可以看看
無論是公司的同事還是外界的程序員朋友們，大部分人對JavaScript的高級應(yīng)用不甚了解，已有的知識架構(gòu)里會認(rèn)為JavaScript僅僅是一門腳本語言，其作用是給頁面做一些錦上添花的效果，比如表單驗(yàn)證等等。2009-04-04
[醬色]各種瀏覽器兼容問題...2006-11-11
本文向大家簡單介紹了javascript的事件處理機(jī)制，從事件源，事件操作到事件處理程序都做了簡單介紹，并給出了部分示例，這里推薦給大家。2015-01-01
這篇文章主要介紹了JavaScript中的函數(shù)、對象，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
關(guān)于JavaScript中string 的replace
在使用JavaScript對字符串進(jìn)行處理的時候我們經(jīng)常會用到replace方法，很簡單的一個方法，以前一直不以為意，直到今天看JavaScript語言精粹的時候讀到了一個有趣的小例子的時候，并不是十分理解，了解了一下replace的用法才明白，原來replace不像想象中的那么簡單2013-04-04
深入理解JavaScript系列（47）：對象創(chuàng)建模式（上篇）
這篇文章主要介紹了深入理解JavaScript系列（47）：對象創(chuàng)建模式（上篇）,本文講解了命名空間、定義依賴、私有屬性和私有方法 、Revelation模式、鏈模式等內(nèi)容,需要的朋友可以參考下2015-03-03
這篇文章主要介紹了Javascript this 函數(shù)深入詳解的相關(guān)資料,這里詳細(xì)討論了this 的用法，需要的朋友可以參考下2016-12-12
Javascript學(xué)習(xí)筆記1 數(shù)據(jù)類型
在Javascript中只有五種簡單類型，分別為null,undefined,boolean,String和Number.一種復(fù)雜類型：object。2010-01-01
這篇文章主要介紹了 RGB和YUV 多媒體編程基礎(chǔ)詳細(xì)介紹的相關(guān)資料,需要的朋友可以參考下2016-11-11
js實(shí)現(xiàn)鼠標(biāo)拖拽縮放div實(shí)例代碼
這篇文章主要介紹了js實(shí)現(xiàn)鼠標(biāo)拖拽縮放div，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03