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