Javascript 中的數(shù)組介紹及使用

參考鏈接:http://www.runoob.com/js/js-obj-array.html

一浑塞、數(shù)組的定義

(1)烙丛、常規(guī)方式創(chuàng)建:
var testArr1=new Array(); 
testArr1[0]="hello";       
testArr1[1]="diaoSi";
testArr1[2]="kuaile";
--- 打印數(shù)組 ---
 console.log(testArr1);
 document.write(testArr1);
 alert(testArr1);
(2)跳纳、簡潔方式創(chuàng)建:
var testArr2=new Array("hello","diaoSi","kuaile");
--- 打印數(shù)組 ---
 console.log(testArr2);
 document.write(testArr2);
 alert(testArr2);
(2)疟暖、字面創(chuàng)建:
var testArr3=["hello","diaoSi","kuaile"];
--- 打印數(shù)組 ---
 console.log(testArr3);
 document.write(testArr3);
 alert(testArr3);

二紊搪、數(shù)組的方法和屬性

var testArr4=["hello","diaoSi","kuaile","xixihaha"];
var x=myCars.length             // testArr4中元素的數(shù)量
var y=myCars.indexOf("xixihaha")   // "xixihaha" 值的索引值

三蜜葱、數(shù)組的實例

  • concat() => 合并數(shù)組
#使用范例:
var oneArray = ["one", "two"];
var twoArray = ["Emil", "Tobias", "Linus"];
var threeArray = ["xixi"];
var  concatArray = oneArray.concat(twoArray,threeArray);
document.write(concatArray);
---- 溫馨提示 -----
可以合并一個或者多個數(shù)組
  • *join() => 將數(shù)組的元素轉(zhuǎn)換成字符串 *
#使用范例:
var joinArray = ["屌絲", "你好", "啊!"];
document.write(joinArray);
--- 輸出結(jié)果從元素變?yōu)樽址?---
屌絲,你好,啊!
  • toString() => 將數(shù)組轉(zhuǎn)為字符串并返回
var stringArray = ["屌絲", "你好", "啊!"];
var str = stringArray.toString();
document.write(str);

  • *shift() => 刪除數(shù)組的第一個元素 *
var shiftArray = ["來", "你", "刪我啊!"];
shiftArray.shift();
document.write(shiftArray);
  • *pop() => 刪除數(shù)組的最后一個元素 *
#使用范例:
var popArray = ["屌絲", "你好", "啊!"];
popArray.pop();//這里將 "啊!" 元素刪除
document.write(popArray);
--- 輸出結(jié)果 ---
屌絲,你好 
  • *push() => 數(shù)組的末尾添加新的元素 *
#使用范例:
var pushArray = ["時間是一切財富", "中最寶貴的", "財富!"];
pushArray.push("《名人:德奧弗拉斯多》");//添加新的元素
--- 打印輸出 --- 
document.write(pushArray);
  • *reverse() => 反向遍歷數(shù)組 *
#使用范例:
var reverseArray = ["孩子", "是", "你才"];
reverseArray.reverse() ;
document.write(reverseArray);
  • *slice() => 截取數(shù)組指定下標(biāo)的元素 *
#使用范例:
var sliceArray = ["嘻嘻", "哈哈哈", "呵呵", "嘿嘿"];
 var  afterArray = sliceArray.slice(1,3);
document.write(afterArray);
--- 這里需要注意 ---
1.拿本例子來舉例子,
 #var  afterArray = sliceArray.slice(1,3);
這一句中slice(1,3)截取的是數(shù)組中1~2下標(biāo)的元素耀石,不包含下標(biāo)3
2.截取后必須使用一個變量來接收截取的結(jié)果否則截取無效
#以上例子下邊寫法輸出無效
var sliceArray = ["嘻嘻", "哈哈哈", "呵呵", "嘿嘿"];
 sliceArray.slice(1,3);
document.write(sliceArray);
  • < sort()為排序方法牵囤,排序的對象可以是數(shù)字、字母 >
    <1>、字母升序
var sortArr = ["B", "O", "A", "M"];
sortArr.sort();
document.write(sortArr);

<2>揭鳞、字母降序

var sortArr = ["B", "O", "A", "M"];
 sortArr.sort().reverse();
document.write(sortArr);

<3>炕贵、數(shù)字升序

var numberArr = [40,100,1,5,25,10];
numberArr.sort(function(a,b){return a-b});
document.write(numberArr);

<4>、數(shù)字降序

var numberArr = [40,100,1,5,25,10];
numberArr.sort(function(a,b){return b-a});
document.write(numberArr);
  • *splice() => 給數(shù)組中指定下標(biāo)位置添加元素 *
var spliceArr = ["Ban", "Ora", "App", "Ma"];
spliceArr.splice(2,0,"diaoSi","niHao");//數(shù)組下標(biāo)為2 的位置插入元素
document.write(spliceArr);
==================
語法:
spliceArr.splice(index,howmany,item1,.....,itemX)
index       必需野崇。整數(shù)鲁驶,規(guī)定添加/刪除項目的位置,使用負(fù)數(shù)可從數(shù)組結(jié)尾處規(guī)  定位置舞骆。
howmany    必需钥弯。要刪除的項目數(shù)量。如果設(shè)置為 0督禽,則不會刪除項目脆霎。
item1, ..., itemX   可選。向數(shù)組添加的新項目狈惫。
=================
  • unshift() => 在數(shù)組的開頭添加新元素
var unshiftArr = ["bananer", "Orange", "Apple", "hehe"];
unshiftArr.unshift("world","lele");
document.write(unshiftArr);
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末睛蛛,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子胧谈,更是在濱河造成了極大的恐慌忆肾,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,591評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件菱肖,死亡現(xiàn)場離奇詭異客冈,居然都是意外死亡,警方通過查閱死者的電腦和手機稳强,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,448評論 3 392
  • 文/潘曉璐 我一進(jìn)店門场仲,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人退疫,你說我怎么就攤上這事渠缕。” “怎么了褒繁?”我有些...
    開封第一講書人閱讀 162,823評論 0 353
  • 文/不壞的土叔 我叫張陵亦鳞,是天一觀的道長。 經(jīng)常有香客問我棒坏,道長燕差,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,204評論 1 292
  • 正文 為了忘掉前任俊抵,我火速辦了婚禮谁不,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘徽诲。我一直安慰自己刹帕,他們只是感情好吵血,可當(dāng)我...
    茶點故事閱讀 67,228評論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著偷溺,像睡著了一般蹋辅。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上挫掏,一...
    開封第一講書人閱讀 51,190評論 1 299
  • 那天侦另,我揣著相機與錄音,去河邊找鬼尉共。 笑死褒傅,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的袄友。 我是一名探鬼主播殿托,決...
    沈念sama閱讀 40,078評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼剧蚣!你這毒婦竟也來了支竹?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,923評論 0 274
  • 序言:老撾萬榮一對情侶失蹤鸠按,失蹤者是張志新(化名)和其女友劉穎礼搁,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體目尖,經(jīng)...
    沈念sama閱讀 45,334評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡馒吴,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,550評論 2 333
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了卑雁。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片募书。...
    茶點故事閱讀 39,727評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖测蹲,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情鬼吵,我是刑警寧澤扣甲,帶...
    沈念sama閱讀 35,428評論 5 343
  • 正文 年R本政府宣布,位于F島的核電站齿椅,受9級特大地震影響琉挖,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜涣脚,卻給世界環(huán)境...
    茶點故事閱讀 41,022評論 3 326
  • 文/蒙蒙 一示辈、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧遣蚀,春花似錦矾麻、人聲如沸纱耻。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,672評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽弄喘。三九已至,卻和暖如春甩牺,著一層夾襖步出監(jiān)牢的瞬間蘑志,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,826評論 1 269
  • 我被黑心中介騙來泰國打工贬派, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留急但,地道東北人。 一個月前我還...
    沈念sama閱讀 47,734評論 2 368
  • 正文 我出身青樓搞乏,卻偏偏與公主長得像波桩,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子查描,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,619評論 2 354

推薦閱讀更多精彩內(nèi)容

  • 第1章 認(rèn)識JS JavaScript能做什么突委?1.增強頁面動態(tài)效果(如:下拉菜單、圖片輪播冬三、信息滾動等)2.實現(xiàn)...
    mo默22閱讀 1,277評論 0 5
  • 一匀油、JS前言 (1)認(rèn)識JS 也許你已經(jīng)了解HTML標(biāo)記(也稱為結(jié)構(gòu)),知道了CSS樣式(也稱為表示)勾笆,會使用HT...
    凜0_0閱讀 2,769評論 0 8
  • Javascript有很多數(shù)組的方法敌蚜,有的人有W3C的API,還可以去MDN上去找窝爪,但是我覺得API上說的不全弛车,M...
    頑皮的雪狐七七閱讀 4,081評論 0 6
  • 這里先提一下for in 循環(huán),因為之前在C++ 和 OC中用到過快速遍歷蒲每,但是發(fā)現(xiàn)JavaScript有所不同纷跛,...
    Allen_HD閱讀 301評論 0 1
  • 假設(shè)需求時這樣: NavigationController下有2個視圖,從A視圖會Push到B視圖邀杏,默認(rèn)情況下贫奠,當(dāng)...
    chansey閱讀 5,190評論 0 2