JavaScript學(xué)習(xí)筆記之?dāng)?shù)組基本操作示例

發(fā)布時(shí)間：2020-09-04 17:29:16 來(lái)源：腳本之家閱讀：110 作者：致Great 欄目：web開(kāi)發(fā)

本文實(shí)例講述了JavaScript學(xué)習(xí)筆記之?dāng)?shù)組基本操作。分享給大家供大家參考，具體如下：

一、數(shù)組定義

1、定義

vara=[1,2,3]
vara=newArray(1,2,3);

2、長(zhǎng)度

返回長(zhǎng)度

<script>
 vara=[1,2,3,4,5,6];
 alert(a.length);
</script>

設(shè)置長(zhǎng)度

<script>
 vara=[1,2,3,4,5,6];
 a.length=2;
 alert(a);
</script>

二、數(shù)組連接

<script>
 vara=[1,2,3];
 varb=[4,5,6];
 alert(a.concat(b));
 alert(b.concat(a));
</script>

三、數(shù)組排序

sort()函數(shù)

默認(rèn)情況是把數(shù)組元素按字符串排序

例子 01

<script>
 vararr=['float','width','alpha','zoom','left'];
 arr.sort();
 alert(arr);
</script>

例子02

vararr=[12,8,99,19,112];
arr.sort();
alert(arr);

例子03

sort()函數(shù)的改進(jìn)

vararr=[12,8,99,19,112];
arr.sort(function(n1,n2){
 returnn1-n2;
});
alert(arr);

四、數(shù)組連接

1、兩個(gè)數(shù)組間的連接：contact()

<script>
 vara=[1,2,3];
 varb=[4,5,6];
 alert(a.concat(b));
 alert(b.concat(a));
</script>

2、數(shù)組元素間的連接：join()

<script>
 vararr=[1,2,3,4];
 alert(arr.join('--p'));
</script>

五、數(shù)組元素添加、刪除

1、數(shù)組尾部的添加、刪除

尾部添加：push(value)

例子01

<script>
 vara=[1,2,3];
 a.push(4);
 alert(a);
</script>

尾部刪除：pop()

例子02

<script>
 vara=[1,2,3];
 a.pop();
 alert(a);
</script>

2、數(shù)組頭部的添加、刪除

頭部添加 unshift(value)

例子01

<script>
 vararr=[1,2,3];
 arr.unshift(0)
 alert(arr);
</script>

頭部刪除:shift()

例子02

<script>
 vararr=[1,2,3];
 arr.shift();
 alert(arr);
</script>

3、數(shù)組------splice()

刪除數(shù)據(jù)

例子01

<script>
 vararr=[1,2,3,4,5,6];
 //splice(起點(diǎn)，長(zhǎng)度)
 arr.splice(2,3);
 alert(arr);
</script>

插入數(shù)據(jù)

例子02

<script>
 vararr=[1,2,3,4,5,6];
 //插入數(shù)據(jù)splice（起點(diǎn)，長(zhǎng)度，元素）
 arr.splice(2,0,'a','b','c');
 alert(arr);
</script>

替換數(shù)據(jù)

例子02

<script>
 vararr=[1,2,3,4,5,6];
 //替換數(shù)據(jù)
 arr.splice(2,2,'a','b');
 alert(arr);
</script>

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具：http://tools.jb51.net/code/HtmlJsRun測(cè)試上述代碼運(yùn)行結(jié)果。

更多關(guān)于JavaScript相關(guān)內(nèi)容還可查看本站專(zhuān)題：《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript字符與字符串操作技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript排序算法總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

向AI問(wèn)一下細(xì)節(jié)

JavaScript學(xué)習(xí)筆記之?dāng)?shù)組基本操作示例

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽