JavaScript高級程序設(shè)計(jì) 讀書筆記之九 本地對象Array
更新時(shí)間:2012年02月27日 23:50:56 作者:
本地對象Array,數(shù)組等操作函數(shù)
創(chuàng)建Array對象
//one
var aValues=new Array();
//two
var aValues=new Array(20);
//three
var aColors=new Array();
aColors[0]="red";
aColors[1]="green";
aColors[2]="blue";
//four
var aColors=new Array("red","green","blue");
//five
var aColors=["red","green","blue"];
join && split
join:連接字符串
var aColors=["red","green","blue"];
alert(aColors.join(","));//outputs "red,green,blue"
alert(aColors.join("-spring-"));//outputs "red-spring-green-spring-blue"
alert(aColors.join("]["));//outputs "red][green][blue"
split:分拆字符串
var sColors="red,green,blue";
var aColors=sColors.split(",");//outputs ["red", "green", "blue"]
var redColors=aColors[0].split("");//outputs ["r", "e", "d"]
concat && slice
concat:追加數(shù)組
var aColors=["red","green","blue"];
var aColors2=aColors.concat("yellow","purple");
alert(aColors);//outputs ["red", "green", "blue"]
alert(aColors2);//outputs ["red", "green", "blue", "yellow", "purple"]
slice:返回具有特定項(xiàng)的新數(shù)組
var aColors=["red","green","blue","yellow","purple"];
var aColors2=aColors.slice(1);//outputs ["green","blue","yellow","purple"]
var aColors3=aColors.slice(1,4);//outputs ["green","blue","yellow"]
push && pop
跟棧一樣,Array提供了push和pop方法,push方法用于在Array結(jié)尾添加一個(gè)或多個(gè)項(xiàng),pop用于刪除最后一個(gè)數(shù)組項(xiàng),返回它作為函數(shù)值
var stack=new Array;
stack.push("red");
stack.push("green");
stack.push("blue");
alert(stack);//outputs ["red","green","blue"]
var vItem=stack.pop();
alert(vItem);//outputs ["blue"]
alert(stack);//otputs ["red","green"]
shift && unshift
shift:刪除數(shù)組中第一項(xiàng),將其作為函數(shù)返回值,unshift:把一個(gè)項(xiàng)放在數(shù)組的第一個(gè)位置,然后把余下的項(xiàng)向下移動一個(gè)位置
var aColors=["red","green","blue"];
var vItem=aColors.shift();
alert(aColors);//outputs ["green","blue"]
alert(vItem);//outputs ["red"]
aColors.unshift("black");
alert(aColors);//outputs ["black","green","blue"]
reverse && sort
reverse:顛倒數(shù)組項(xiàng)的順序,sort:按數(shù)組項(xiàng)的值升序排列(首先要調(diào)用toString()方法,將所有值轉(zhuǎn)換成字符串)
var aColors=["blue","green","red"];
aColors.reverse();
alert(aColors);//outputs ["red","green","blue"]
aColors.sort();
alert(aColors);//outputs ["blue","green","red"]
注意:
var aColors=[3,32,2,5];
aColors.sort();
alert(aColors);//outputs [2,3,32,5]
這是因?yàn)閿?shù)字被轉(zhuǎn)換成字符串,然后按字符代碼進(jìn)行比較的。
splice
splice:把數(shù)據(jù)項(xiàng)插入數(shù)組的中部
1、用作刪除:只要聲明兩個(gè)參數(shù),第一個(gè)參數(shù)為要刪除的第一個(gè)項(xiàng)的位置,第二個(gè)參數(shù)為刪除項(xiàng)的個(gè)數(shù)
var aColors=["red","green","blue","yellow"];
aColors.splice(0,2);
alert(aColors);//outputs ["blue", "yellow"]
2、用作插入:聲明三個(gè)或以上參數(shù)(第二個(gè)參數(shù)為0)就可以把數(shù)據(jù)插入指定位置,第一個(gè)參數(shù)為地始位置,第二個(gè)參數(shù)為0,第三個(gè)及以上參數(shù)為插入項(xiàng)
var aColors=["red","green","blue","yellow"];
aColors.splice(2,0,"black","white");
alert(aColors);//outputs ["red","green","black","white","blue", "yellow"]
3、用作刪除并插入:聲明三個(gè)或以上參數(shù)(第二個(gè)參數(shù)為不0)就可以把數(shù)據(jù)插入指定位置,第一個(gè)參數(shù)為地始位置,第二個(gè)參數(shù)為要刪除的項(xiàng)的個(gè)數(shù),第三個(gè)及以上參數(shù)為插入項(xiàng)
var aColors=["red","green","blue","yellow"];
aColors.splice(2,1,"black","white");
alert(aColors);//outputs ["red","green","black","white", "yellow"]
復(fù)制代碼 代碼如下:
//one
var aValues=new Array();
//two
var aValues=new Array(20);
//three
var aColors=new Array();
aColors[0]="red";
aColors[1]="green";
aColors[2]="blue";
//four
var aColors=new Array("red","green","blue");
//five
var aColors=["red","green","blue"];
join && split
join:連接字符串
復(fù)制代碼 代碼如下:
var aColors=["red","green","blue"];
alert(aColors.join(","));//outputs "red,green,blue"
alert(aColors.join("-spring-"));//outputs "red-spring-green-spring-blue"
alert(aColors.join("]["));//outputs "red][green][blue"
split:分拆字符串
復(fù)制代碼 代碼如下:
var sColors="red,green,blue";
var aColors=sColors.split(",");//outputs ["red", "green", "blue"]
var redColors=aColors[0].split("");//outputs ["r", "e", "d"]
concat && slice
concat:追加數(shù)組
復(fù)制代碼 代碼如下:
var aColors=["red","green","blue"];
var aColors2=aColors.concat("yellow","purple");
alert(aColors);//outputs ["red", "green", "blue"]
alert(aColors2);//outputs ["red", "green", "blue", "yellow", "purple"]
slice:返回具有特定項(xiàng)的新數(shù)組
復(fù)制代碼 代碼如下:
var aColors=["red","green","blue","yellow","purple"];
var aColors2=aColors.slice(1);//outputs ["green","blue","yellow","purple"]
var aColors3=aColors.slice(1,4);//outputs ["green","blue","yellow"]
push && pop
跟棧一樣,Array提供了push和pop方法,push方法用于在Array結(jié)尾添加一個(gè)或多個(gè)項(xiàng),pop用于刪除最后一個(gè)數(shù)組項(xiàng),返回它作為函數(shù)值
復(fù)制代碼 代碼如下:
var stack=new Array;
stack.push("red");
stack.push("green");
stack.push("blue");
alert(stack);//outputs ["red","green","blue"]
var vItem=stack.pop();
alert(vItem);//outputs ["blue"]
alert(stack);//otputs ["red","green"]
shift && unshift
shift:刪除數(shù)組中第一項(xiàng),將其作為函數(shù)返回值,unshift:把一個(gè)項(xiàng)放在數(shù)組的第一個(gè)位置,然后把余下的項(xiàng)向下移動一個(gè)位置
復(fù)制代碼 代碼如下:
var aColors=["red","green","blue"];
var vItem=aColors.shift();
alert(aColors);//outputs ["green","blue"]
alert(vItem);//outputs ["red"]
aColors.unshift("black");
alert(aColors);//outputs ["black","green","blue"]
reverse && sort
reverse:顛倒數(shù)組項(xiàng)的順序,sort:按數(shù)組項(xiàng)的值升序排列(首先要調(diào)用toString()方法,將所有值轉(zhuǎn)換成字符串)
復(fù)制代碼 代碼如下:
var aColors=["blue","green","red"];
aColors.reverse();
alert(aColors);//outputs ["red","green","blue"]
aColors.sort();
alert(aColors);//outputs ["blue","green","red"]
注意:
復(fù)制代碼 代碼如下:
var aColors=[3,32,2,5];
aColors.sort();
alert(aColors);//outputs [2,3,32,5]
這是因?yàn)閿?shù)字被轉(zhuǎn)換成字符串,然后按字符代碼進(jìn)行比較的。
splice
splice:把數(shù)據(jù)項(xiàng)插入數(shù)組的中部
1、用作刪除:只要聲明兩個(gè)參數(shù),第一個(gè)參數(shù)為要刪除的第一個(gè)項(xiàng)的位置,第二個(gè)參數(shù)為刪除項(xiàng)的個(gè)數(shù)
復(fù)制代碼 代碼如下:
var aColors=["red","green","blue","yellow"];
aColors.splice(0,2);
alert(aColors);//outputs ["blue", "yellow"]
2、用作插入:聲明三個(gè)或以上參數(shù)(第二個(gè)參數(shù)為0)就可以把數(shù)據(jù)插入指定位置,第一個(gè)參數(shù)為地始位置,第二個(gè)參數(shù)為0,第三個(gè)及以上參數(shù)為插入項(xiàng)
復(fù)制代碼 代碼如下:
var aColors=["red","green","blue","yellow"];
aColors.splice(2,0,"black","white");
alert(aColors);//outputs ["red","green","black","white","blue", "yellow"]
3、用作刪除并插入:聲明三個(gè)或以上參數(shù)(第二個(gè)參數(shù)為不0)就可以把數(shù)據(jù)插入指定位置,第一個(gè)參數(shù)為地始位置,第二個(gè)參數(shù)為要刪除的項(xiàng)的個(gè)數(shù),第三個(gè)及以上參數(shù)為插入項(xiàng)
復(fù)制代碼 代碼如下:
var aColors=["red","green","blue","yellow"];
aColors.splice(2,1,"black","white");
alert(aColors);//outputs ["red","green","black","white", "yellow"]
您可能感興趣的文章:
- javascript Array.prototype.slice的使用示例
- Javascript中判斷變量是數(shù)組還是對象(array還是object)
- JavaScript字符串String和Array操作的有趣方法
- javascript object array方法使用詳解
- javascript學(xué)習(xí)筆記(五) Array 數(shù)組類型介紹
- JavaScript 5 新增 Array 方法實(shí)現(xiàn)介紹
- JavaScript Array Flatten 與遞歸使用介紹
- JavaScript中的Array對象使用說明
- javaScript array(數(shù)組)使用字符串作為數(shù)組下標(biāo)的方法
相關(guān)文章
基于three.js實(shí)現(xiàn)的3D粒子動效實(shí)例代碼
這篇文章主要給大家介紹了關(guān)于如何基于three.js實(shí)現(xiàn)的3D粒子動效的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家學(xué)習(xí)或者使用three.js具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
Iframe 自適應(yīng)高度并實(shí)時(shí)監(jiān)控高度變化的js代碼
不得不用到iframe,且被強(qiáng)烈要求不能讓它出現(xiàn)滾動條!嵌入的頁面肯定是高度不一的,頁面中也不能出現(xiàn)大片空白,所以也不能寫死高度!真是麻鬼煩啊!2009-10-10
javascript和jQuery實(shí)現(xiàn)網(wǎng)頁實(shí)時(shí)聊天的ajax長輪詢
在做網(wǎng)頁實(shí)時(shí)聊天的時(shí)候常常需要長輪詢,本文由于采用原生的JS及AJAX,所以簡單易懂,通過這篇文章就可以建立一個(gè)簡單的聊天室程序。2016-07-07
uniapp引用echarts的詳細(xì)步驟(附柱狀圖實(shí)例)
最近在uni-app搭建的微信小程序項(xiàng)目中使用了ECharts,下面這篇文章主要給大家介紹了關(guān)于uniapp引用echarts的詳細(xì)步驟,文中還附有柱狀圖實(shí)例,需要的朋友可以參考下2022-07-07
解決layui追加或者動態(tài)修改的表單元素“沒效果”的問題
今天小編就為大家分享一篇解決layui追加或者動態(tài)修改的表單元素“沒效果”的問題,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
js css 實(shí)現(xiàn)遮罩層覆蓋其他頁面元素附圖
實(shí)現(xiàn)遮罩層的方法有很多,但大多都是使用js css來實(shí)現(xiàn)的,本例也實(shí)現(xiàn)一個(gè),效果還不錯,喜歡的朋友可以感受下2014-09-09
使用documentElement正確取得當(dāng)前可見區(qū)域的大小
如何取得當(dāng)前瀏覽器里面可見區(qū)域的大小?其他方法都不適用,只有documentElement才可以,需要的朋友可以參考下2014-07-07

