js數(shù)組的基本用法及數(shù)組根據(jù)下標(biāo)(數(shù)值或字符)移除元素
更新時(shí)間：2013年10月20日 11:07:36 作者：
js數(shù)組的用法包括創(chuàng)建、取值賦值、添加以及根據(jù)下標(biāo)(數(shù)值或字符)移除元素等等，在本文將為大家詳細(xì)介紹下，感興趣的朋友可以參考下
1、創(chuàng)建數(shù)組
var array = new Array();
var array = new Array(size);//指定數(shù)組的長(zhǎng)度
var array = new Array(item1,item2……itemN);//創(chuàng)建數(shù)組并賦值
2、取值、賦值
var item = array[index];//獲取指定元素的值
array[index] = value;//為指定元素賦值
3、添加新元素
array.push(item1,item2……itemN);//將一個(gè)或多個(gè)元素加入數(shù)組，返回新數(shù)組的長(zhǎng)度
array.unshift(item1,item2……itemN);//將一個(gè)或多個(gè)元素加入到數(shù)組的開始位置，原有元素位置自動(dòng)后移，返回 新數(shù)組的長(zhǎng)度
array.splice(start,delCount,item1,item2……itemN);//從start的位置開始向后刪除delCount個(gè)元素，然后從start的位置開始插入一個(gè)或多個(gè)新元素
4、刪除元素
array.pop();//刪除最后一個(gè)元素，并返回該元素
array.shift();//刪除第一個(gè)元素，數(shù)組元素位置自動(dòng)前移，返回被刪除的元素
array.splice(start,delCount);//從start的位置開始向后刪除delCount個(gè)元素
5、數(shù)組的合并、截取
array.slice(start,end);//以數(shù)組的形式返回?cái)?shù)組的一部分，注意不包括 end 對(duì)應(yīng)的元素，如果省略 end 將復(fù)制 start 之后的所有元素
array.concat(array1,array2);//將多個(gè)數(shù)組拼接成一個(gè)數(shù)組
6、數(shù)組的排序
array.reverse();//數(shù)組反轉(zhuǎn)
array.sort();//數(shù)組排序，返回?cái)?shù)組地址
7、數(shù)組轉(zhuǎn)字符串
array.join(separator);//將數(shù)組原因用separator連接起來
列了這么都就是沒有發(fā)現(xiàn)根據(jù)下標(biāo)刪除數(shù)組元素的方法！于是查了一些資料找到了解決方法。
刪除數(shù)組元素需要擴(kuò)展Array原型prototype.
一般的數(shù)組的下標(biāo)都是數(shù)值型，但是也有字符型的下標(biāo)
數(shù)值型的處理，首先的把下面的代碼寫出來，是對(duì)數(shù)組的擴(kuò)展
Array.prototype.del = function(dx)
{
if(isNaN(dx)||dx>this.length){return false;}
this.splice(dx,1);
}
其次，數(shù)值型的直接傳遞數(shù)值的參數(shù)即可。例如var arr = ["aa","bb"];arr.del(0);
下面說一下字符型的下標(biāo)
var arr = [].
arr["aa"] = 1;
復(fù)制代碼 代碼如下:
var array = new Array();
var array = new Array(size);//指定數(shù)組的長(zhǎng)度
var array = new Array(item1,item2……itemN);//創(chuàng)建數(shù)組并賦值
2、取值、賦值
復(fù)制代碼 代碼如下:
var item = array[index];//獲取指定元素的值
array[index] = value;//為指定元素賦值
3、添加新元素
復(fù)制代碼 代碼如下:
array.push(item1,item2……itemN);//將一個(gè)或多個(gè)元素加入數(shù)組，返回新數(shù)組的長(zhǎng)度
array.unshift(item1,item2……itemN);//將一個(gè)或多個(gè)元素加入到數(shù)組的開始位置，原有元素位置自動(dòng)后移，返回 新數(shù)組的長(zhǎng)度
array.splice(start,delCount,item1,item2……itemN);//從start的位置開始向后刪除delCount個(gè)元素，然后從start的位置開始插入一個(gè)或多個(gè)新元素
4、刪除元素
復(fù)制代碼 代碼如下:
array.pop();//刪除最后一個(gè)元素，并返回該元素
array.shift();//刪除第一個(gè)元素，數(shù)組元素位置自動(dòng)前移，返回被刪除的元素
array.splice(start,delCount);//從start的位置開始向后刪除delCount個(gè)元素
5、數(shù)組的合并、截取
復(fù)制代碼 代碼如下:
array.slice(start,end);//以數(shù)組的形式返回?cái)?shù)組的一部分，注意不包括 end 對(duì)應(yīng)的元素，如果省略 end 將復(fù)制 start 之后的所有元素
array.concat(array1,array2);//將多個(gè)數(shù)組拼接成一個(gè)數(shù)組
6、數(shù)組的排序
復(fù)制代碼 代碼如下:
array.reverse();//數(shù)組反轉(zhuǎn)
array.sort();//數(shù)組排序，返回?cái)?shù)組地址
7、數(shù)組轉(zhuǎn)字符串
復(fù)制代碼 代碼如下:
array.join(separator);//將數(shù)組原因用separator連接起來
列了這么都就是沒有發(fā)現(xiàn)根據(jù)下標(biāo)刪除數(shù)組元素的方法！于是查了一些資料找到了解決方法。
刪除數(shù)組元素需要擴(kuò)展Array原型prototype.
一般的數(shù)組的下標(biāo)都是數(shù)值型，但是也有字符型的下標(biāo)
數(shù)值型的處理，首先的把下面的代碼寫出來，是對(duì)數(shù)組的擴(kuò)展
復(fù)制代碼 代碼如下:
Array.prototype.del = function(dx)
{
if(isNaN(dx)||dx>this.length){return false;}
this.splice(dx,1);
}
其次，數(shù)值型的直接傳遞數(shù)值的參數(shù)即可。例如var arr = ["aa","bb"];arr.del(0);
下面說一下字符型的下標(biāo)
復(fù)制代碼 代碼如下:
var arr = [].
arr["aa"] = 1;
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了javascript繪制簡(jiǎn)單鐘表效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-04-04
這篇文章主要為大家詳細(xì)介紹了js鼠標(biāo)點(diǎn)擊圖片切換效果，很實(shí)用的代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2015-08-08
Bootstrap實(shí)現(xiàn)登錄校驗(yàn)表單(帶驗(yàn)證碼)
本文給大家介紹使用Bootstrap新制作的一個(gè)登錄框，帶驗(yàn)證碼，帶校驗(yàn)，非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友可以參考下2016-06-06
Javascript在IE和Firefox瀏覽器常見兼容性問題總結(jié)
這篇文章主要介紹了Javascript在IE和Firefox瀏覽器常見兼容性問題,結(jié)合實(shí)例形式總結(jié)分析了javascript在IE與Firefox瀏覽器中常見的各種兼容性問題與相應(yīng)的解決方法,需要的朋友可以參考下2016-08-08
Bootstrap字體圖標(biāo)無法正常顯示的解決方法
這篇文章主要為大家詳細(xì)介紹了Bootstrap字體圖標(biāo)無法正常顯示的解決方法,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-10-10
js漂浮廣告實(shí)現(xiàn)代碼，本質(zhì)上就是一個(gè)來回滾動(dòng)的小圖片，也是一種廣告形式，需要的朋友可以收藏下2015-08-08
js get和post請(qǐng)求實(shí)現(xiàn)代碼解析
這篇文章主要介紹了js get和post實(shí)現(xiàn)代碼解析,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-02-02
這篇文章主要為大家詳細(xì)介紹了js+canvas代碼雨效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-06-06
今天小編就為大家分享一篇layui的layedit富文本賦值方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09
JavaScript實(shí)現(xiàn)拖拽排序的方法詳解
可拖拽排序的菜單效果大家想必都很熟悉，本次我們通過一個(gè)可拖拽排序的九宮格案例來演示其實(shí)現(xiàn)原理，感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2022-05-05