javascript學(xué)習(xí)筆記(五) Array 數(shù)組類型介紹
更新時(shí)間：2012年06月19日 16:31:35 作者：
javascript學(xué)習(xí)筆記之Array 數(shù)組類型介紹，需要的朋友可以參考下
數(shù)組的創(chuàng)建
第一種：
var colors = new Array();
var colors = new Array(20);//創(chuàng)建包含20項(xiàng)的數(shù)組
var colors = new Array("Greg");//創(chuàng)建包含1項(xiàng)，即字符串"Greg"的數(shù)組
var colors = new Array("red","blue","green"); //創(chuàng)建包含3項(xiàng)
第二種：
var colors = ["red","blue","green"];
var colors = [];//創(chuàng)建一個(gè)空數(shù)組
注意：數(shù)組的索引是從0開(kāi)始的
1. length屬性
length屬性中保存數(shù)組的項(xiàng)數(shù)，如：
var colors = ["red","blue","green"];
alert(colors.length); //3
length屬性不是只讀的，可以利用length屬性在數(shù)組的末尾移除項(xiàng)，或者添加新的項(xiàng)，如：
var colors = ["red","blue","green"];
colors.length = 2;
alert(colors); //red,blue
colors[colors.length] = "black";
alert(colors); //red,blue,black
2.join()方法，連接數(shù)組中的項(xiàng)
var colors = ["red","blue","green"];
alert(colors.join(",")); //red,blue,green
alert(colors.join("||")); //red||blue||green
3.數(shù)組的棧方法：push()和pop()
push()方法 可以接受任意數(shù)量的參數(shù)把它們逐個(gè)添加的數(shù)組的末尾，并返回修改后數(shù)組的長(zhǎng)度
pop()方法 從數(shù)組末尾移除最后一項(xiàng)，減少數(shù)組的length值，返回移除的項(xiàng)
var colors = new Arrary(); //創(chuàng)建一個(gè)數(shù)組
var count = colors.push("red","green"); //推入兩項(xiàng)到數(shù)組末尾
alert(count); //2
count = colors.push("black"); //推入一項(xiàng)到數(shù)組末尾
alert(count); //3
var item = colors.pop(); //移除最后一項(xiàng)并返回該值
alert(item); //"black"
alert(count); //2
4.數(shù)組的隊(duì)列方法：push()和shift()、unshift()
push()方法同上
shift()方法 移除數(shù)組中的第一項(xiàng)并返回該項(xiàng)，數(shù)組長(zhǎng)度減1
unshift()方法 在數(shù)組前端添加任意項(xiàng)，并返回新數(shù)組的長(zhǎng)度
var colors = new Arrary(); //創(chuàng)建一個(gè)數(shù)組
var count = colors.push("red","green"); //推入兩項(xiàng)到數(shù)組末尾
alert(count); //2
count = colors.push("black"); //推入一項(xiàng)到數(shù)組末尾
alert(count); //3
var item = colors.shift(); //移除第一項(xiàng)并返回該值
alert(item); //"red"
alert(colors); //green,black
count = colors.unshift("blue"); //推入一項(xiàng)到數(shù)組前端
alert(count); //3
alert(colors); //blue,green,black
5.重排序方法：reverse()和sort()
reverse()方法 反轉(zhuǎn)數(shù)組項(xiàng)的順序
sort()方法 默認(rèn)按字符串大小升序排列數(shù)組項(xiàng),可以接受一個(gè)比較大小的函數(shù)作為參數(shù)
var values = [1,2,3,4,5];
values.reverse();
alert(values); //5,4,3,2,1
//升序排序函數(shù)
function compare(value1,value2) {
if (value1 < value2) {
return -1; //降序改為1
} else if (value1 > value2) {
return 1; //降序改為-1
} else {
return 0;
}
}
//數(shù)組升序排列
var values = [0,1,5,15,20,10];
values.sort(compare);
alert(values);//0,1,5,10,15,20
//對(duì)于數(shù)值型可以用這個(gè)函數(shù),升序
function compare(value1,value2) {
return value2 - value1;
}
6.數(shù)組的一些方法：concat()方法、slice()方法和splice()方法
concat()方法 將參數(shù)添加到原數(shù)組末尾，返回新的數(shù)組，原數(shù)組不變
slice()方法 返回?cái)?shù)組中的項(xiàng)，一個(gè)參數(shù)時(shí)返回指定位置到數(shù)組末尾所有的項(xiàng)，兩個(gè)參數(shù)時(shí)返回起始位置和結(jié)束位置之間的項(xiàng)(不包括結(jié)束位置)，原數(shù)組不變
splice()方法 向數(shù)組中插入，刪除，或替換數(shù)組中的項(xiàng)，返回刪除的項(xiàng)(沒(méi)有刪除時(shí)返回空數(shù)組)，原數(shù)組改變
//concat()方法
var colors = ["red","green","blue"];
var colors2 = colors.concat("yellow",["black","brown"]);
alert(colors); //red,green,blue
alert(colors2); //red,green,blue,yellow,black,brown
//slice()方法
var colors = ["red","green","blue","yellow","black"];
var colors2 = colors.slice(1); //一個(gè)參數(shù)時(shí)返回指定位置到數(shù)組末尾所有的項(xiàng)
var colors3 = colors.slice(1,4); //兩個(gè)參數(shù)時(shí)返回起始位置和結(jié)束位置之間的項(xiàng)(不包括結(jié)束位置)
alert(colors2); //green,blue,yellow,black
alert(colors3); //green,,blue,yellow
//splice()方法
//插入項(xiàng)，插入時(shí)指定3個(gè)參數(shù)：起始位置、0(要?jiǎng)h除的項(xiàng))、要插入的項(xiàng)
var colors = ["red","green","blue"];
var inserted = colors.splice(1,0,"yellow","orange"); //從位置1開(kāi)始插入兩項(xiàng)
alert(colors); //red,yellow,orange,green,blue
alert(inserted); //空數(shù)組
//替換項(xiàng)，刪除時(shí)指定3個(gè)參數(shù)：起始位置、要?jiǎng)h除的項(xiàng)、要插入的任意項(xiàng)
var colors = ["red","green","blue"];
var replaced = colors.splice(1,1,"black","brown"); //刪除一項(xiàng)，插入兩項(xiàng)
alert(colors); //red,black,browm,blue
alert(replaced); //green
第一種：
復(fù)制代碼 代碼如下:
var colors = new Array();
var colors = new Array(20);//創(chuàng)建包含20項(xiàng)的數(shù)組
var colors = new Array("Greg");//創(chuàng)建包含1項(xiàng)，即字符串"Greg"的數(shù)組
var colors = new Array("red","blue","green"); //創(chuàng)建包含3項(xiàng)
第二種：
復(fù)制代碼 代碼如下:
var colors = ["red","blue","green"];
var colors = [];//創(chuàng)建一個(gè)空數(shù)組
注意：數(shù)組的索引是從0開(kāi)始的
1. length屬性
length屬性中保存數(shù)組的項(xiàng)數(shù)，如：
復(fù)制代碼 代碼如下:
var colors = ["red","blue","green"];
alert(colors.length); //3
length屬性不是只讀的，可以利用length屬性在數(shù)組的末尾移除項(xiàng)，或者添加新的項(xiàng)，如：
復(fù)制代碼 代碼如下:
var colors = ["red","blue","green"];
colors.length = 2;
alert(colors); //red,blue
colors[colors.length] = "black";
alert(colors); //red,blue,black
2.join()方法，連接數(shù)組中的項(xiàng)
復(fù)制代碼 代碼如下:
var colors = ["red","blue","green"];
alert(colors.join(",")); //red,blue,green
alert(colors.join("||")); //red||blue||green
3.數(shù)組的棧方法：push()和pop()
push()方法 可以接受任意數(shù)量的參數(shù)把它們逐個(gè)添加的數(shù)組的末尾，并返回修改后數(shù)組的長(zhǎng)度
pop()方法 從數(shù)組末尾移除最后一項(xiàng)，減少數(shù)組的length值，返回移除的項(xiàng)
復(fù)制代碼 代碼如下:
var colors = new Arrary(); //創(chuàng)建一個(gè)數(shù)組
var count = colors.push("red","green"); //推入兩項(xiàng)到數(shù)組末尾
alert(count); //2
count = colors.push("black"); //推入一項(xiàng)到數(shù)組末尾
alert(count); //3
var item = colors.pop(); //移除最后一項(xiàng)并返回該值
alert(item); //"black"
alert(count); //2
4.數(shù)組的隊(duì)列方法：push()和shift()、unshift()
push()方法同上
shift()方法 移除數(shù)組中的第一項(xiàng)并返回該項(xiàng)，數(shù)組長(zhǎng)度減1
unshift()方法 在數(shù)組前端添加任意項(xiàng)，并返回新數(shù)組的長(zhǎng)度
復(fù)制代碼 代碼如下:
var colors = new Arrary(); //創(chuàng)建一個(gè)數(shù)組
var count = colors.push("red","green"); //推入兩項(xiàng)到數(shù)組末尾
alert(count); //2
count = colors.push("black"); //推入一項(xiàng)到數(shù)組末尾
alert(count); //3
var item = colors.shift(); //移除第一項(xiàng)并返回該值
alert(item); //"red"
alert(colors); //green,black
count = colors.unshift("blue"); //推入一項(xiàng)到數(shù)組前端
alert(count); //3
alert(colors); //blue,green,black
5.重排序方法：reverse()和sort()
reverse()方法 反轉(zhuǎn)數(shù)組項(xiàng)的順序
sort()方法 默認(rèn)按字符串大小升序排列數(shù)組項(xiàng),可以接受一個(gè)比較大小的函數(shù)作為參數(shù)
復(fù)制代碼 代碼如下:
var values = [1,2,3,4,5];
values.reverse();
alert(values); //5,4,3,2,1
復(fù)制代碼 代碼如下:
//升序排序函數(shù)
function compare(value1,value2) {
if (value1 < value2) {
return -1; //降序改為1
} else if (value1 > value2) {
return 1; //降序改為-1
} else {
return 0;
}
}
復(fù)制代碼 代碼如下:
//數(shù)組升序排列
var values = [0,1,5,15,20,10];
values.sort(compare);
alert(values);//0,1,5,10,15,20
復(fù)制代碼 代碼如下:
//對(duì)于數(shù)值型可以用這個(gè)函數(shù),升序
function compare(value1,value2) {
return value2 - value1;
}
6.數(shù)組的一些方法：concat()方法、slice()方法和splice()方法
concat()方法 將參數(shù)添加到原數(shù)組末尾，返回新的數(shù)組，原數(shù)組不變
slice()方法 返回?cái)?shù)組中的項(xiàng)，一個(gè)參數(shù)時(shí)返回指定位置到數(shù)組末尾所有的項(xiàng)，兩個(gè)參數(shù)時(shí)返回起始位置和結(jié)束位置之間的項(xiàng)(不包括結(jié)束位置)，原數(shù)組不變
splice()方法 向數(shù)組中插入，刪除，或替換數(shù)組中的項(xiàng)，返回刪除的項(xiàng)(沒(méi)有刪除時(shí)返回空數(shù)組)，原數(shù)組改變
復(fù)制代碼 代碼如下:
//concat()方法
var colors = ["red","green","blue"];
var colors2 = colors.concat("yellow",["black","brown"]);
alert(colors); //red,green,blue
alert(colors2); //red,green,blue,yellow,black,brown
復(fù)制代碼 代碼如下:
//slice()方法
var colors = ["red","green","blue","yellow","black"];
var colors2 = colors.slice(1); //一個(gè)參數(shù)時(shí)返回指定位置到數(shù)組末尾所有的項(xiàng)
var colors3 = colors.slice(1,4); //兩個(gè)參數(shù)時(shí)返回起始位置和結(jié)束位置之間的項(xiàng)(不包括結(jié)束位置)
alert(colors2); //green,blue,yellow,black
alert(colors3); //green,,blue,yellow
復(fù)制代碼 代碼如下:
//splice()方法
//插入項(xiàng)，插入時(shí)指定3個(gè)參數(shù)：起始位置、0(要?jiǎng)h除的項(xiàng))、要插入的項(xiàng)
var colors = ["red","green","blue"];
var inserted = colors.splice(1,0,"yellow","orange"); //從位置1開(kāi)始插入兩項(xiàng)
alert(colors); //red,yellow,orange,green,blue
alert(inserted); //空數(shù)組
//替換項(xiàng)，刪除時(shí)指定3個(gè)參數(shù)：起始位置、要?jiǎng)h除的項(xiàng)、要插入的任意項(xiàng)
var colors = ["red","green","blue"];
var replaced = colors.splice(1,1,"black","brown"); //刪除一項(xiàng)，插入兩項(xiàng)
alert(colors); //red,black,browm,blue
alert(replaced); //green
您可能感興趣的文章:
- JS返回只包含數(shù)字類型的數(shù)組實(shí)例分析
- 淺談js數(shù)據(jù)類型判斷與數(shù)組判斷
- 淺析JavaScript中的array數(shù)組類型系統(tǒng)
- Javascript如何判斷數(shù)據(jù)類型和數(shù)組類型
- javascript引用類型之時(shí)間Date和數(shù)組Array
- JavaScript中判斷變量是數(shù)組、函數(shù)或是對(duì)象類型的方法
- js判斷數(shù)據(jù)類型如判斷是否為數(shù)組是否為字符串等等
- Javascript isArray 數(shù)組類型檢測(cè)函數(shù)
- JS檢測(cè)數(shù)組類型的方法小結(jié)
相關(guān)文章
JavaScript 學(xué)習(xí)筆記一些小技巧，大家可以參考下，比較實(shí)用的知識(shí)。2010-03-03
ES6基礎(chǔ)語(yǔ)法之?dāng)?shù)組拓展
這篇文章介紹了ES6基礎(chǔ)語(yǔ)法之?dāng)?shù)組拓展，文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-05-05
大家在很多場(chǎng)合也許會(huì)遇到判斷頁(yè)面是否有元素選中，下面介紹的是利用js判斷是否選中CheckBox的方法2012-11-11
使用Java實(shí)現(xiàn)簡(jiǎn)單的server/client回顯功能的方法介紹
本篇文章介紹了，使用Java實(shí)現(xiàn)簡(jiǎn)單的server/client回顯功能的方法。需要的朋友參考下2013-05-05
這篇文章主要為大家介紹了javascript策略模式，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助2022-01-01
詳細(xì)解讀JavaScript編程中的Promise使用
這篇文章主要介紹了詳細(xì)解讀JavaScript編程中的Promise使用,是JS入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-07-07
Javascript中的作用域鏈、閉包、原型繼承、eval等特性，在提供各種神奇功能的同時(shí)也帶來(lái)了各種效率問(wèn)題，用之不慎就會(huì)導(dǎo)致執(zhí)行效率低下
2013-11-11 
js獲取height和width屬性的值在日常開(kāi)發(fā)中很常見(jiàn)，于是本人搜集整理了一下，感興趣的朋友可以參考下
2013-01-01 
下面小編就為大家?guī)?lái)一篇老生常談js數(shù)據(jù)類型。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-08-08