JS內(nèi)置對(duì)象:數(shù)組(一)

一再来、數(shù)組創(chuàng)建/讀寫/長(zhǎng)度

【知識(shí)點(diǎn)】

1蒙兰、掌握如何創(chuàng)建數(shù)組
2、掌握數(shù)組元素的讀和寫
3芒篷、掌握數(shù)組的length屬性

1搜变、如何創(chuàng)建數(shù)組?

兩種方式:

方法一针炉、使用array構(gòu)造函數(shù)

【語法】:

new Array()

【案例】:創(chuàng)建一個(gè)保存顏色的數(shù)組
方式(1):

<script>
    var colors=new Array(3);
    console.log(colors);
  </script>

方式(2)

  <script>
    var nums=new Array(1,3,6,9);
    console.log(nums);
  </script>

小括號(hào)()說明:
(1)預(yù)先知道數(shù)組要保存的項(xiàng)目數(shù)量
(2)向Array構(gòu)造函數(shù)中傳遞數(shù)組應(yīng)包含的項(xiàng)

方法二挠他、使用數(shù)組字面量表示法

由一對(duì)包含數(shù)組項(xiàng)的方括號(hào)[]表示,多個(gè)數(shù)組項(xiàng)之間以逗號(hào)隔開篡帕。

<script>
      var cols=[6,"yellow",true,{email:"marry@sohu.com"}];
      console.log(cols);
</script>

說明:數(shù)組中的每一個(gè)值對(duì)類型沒有限制殖侵。

2、數(shù)組元素的讀寫

讀取和設(shè)置值時(shí)镰烧,使用方括號(hào)[]并提供相應(yīng)索引

說明:索引是從0開始的正整數(shù)

3愉耙、數(shù)組長(zhǎng)度

【語法】:

array.length

【功能】:獲取數(shù)組array的長(zhǎng)度
【返回值】:number

說明:
(1).通過設(shè)置length可以從數(shù)組的末尾移除項(xiàng)或向數(shù)組中添加新項(xiàng)。

【案例】
說明(1)例子

<script>
    var arr=["a","b","c","d"];
    //console.log(arr.length);//4
    arr.length=3;
    console.log(arr[3])//為undefined拌滋。此方法雖可以刪除朴沿,但是不建議使用!
</script>

說明:
(2).當(dāng)把一個(gè)值放在超出當(dāng)前數(shù)組大小的位置上時(shí)败砂,數(shù)組就會(huì)重新計(jì)算其長(zhǎng)度值赌渣,長(zhǎng)度值等于最后一項(xiàng)的索引值加1。

說明(2)例子

<script>
    var arr=["a","b","c","d"];
    //console.log(arr.length);//4
    arr[99]="z";
    console.log(arr.length);//100
</script>

數(shù)組的遍歷


<script>
    var arr=["a","b","c","d"];
    //數(shù)組的遍歷
    for(var i=0;i<arr.length;i++){
        console.log(arr[i]);//a b c d
    }
</script>

二昌犹、數(shù)組的棧方法

【知識(shí)點(diǎn)】

1坚芜、push()
2、unshift()
3斜姥、pop()
4鸿竖、shift()

1沧竟、push()

【語法】:

arrayObject.push(newele1,newele2,....,neweX)

【功能】:
把它的參數(shù)順序添加到arrayObject的尾部。

【返回值】:
把指定的值添加到數(shù)組后的新長(zhǎng)度缚忧。

2悟泵、unshift()

【語法】:

arrayObject.unshift(newele1,newele2,....,neweX)

【功能】:
把它的參數(shù)順序添加到arrayObject的開頭。

【返回值】:
把指定的值添加到數(shù)組后的新長(zhǎng)度闪水。

3糕非、pop()

【語法】:

arrayObjective.pop()

【功能】:
刪除arrayObject的最后一個(gè)元素。

【返回值】:
被刪除的那個(gè)元素

4球榆、shift()

【語法】:

arrayObject.shift()

【功能】:
刪除arrayObject的第一個(gè)元素朽肥。

【返回值】:
被刪除的那個(gè)元素

【案例】push/shift/unshift/pop案例:以下代碼運(yùn)行結(jié)果是?

【答案】:
[0,2,3,4,5]

三持钉、數(shù)組轉(zhuǎn)換/重排序

1衡招、掌握數(shù)組的轉(zhuǎn)換方法
2、掌握數(shù)組的重排序方法

join()

【語法】:

arrayObject.join(separator)

【功能】:
用于把數(shù)組中的所有元素放入一個(gè)字符串每强。

【返回值】:字符串蚁吝。

【案例】:

<script>
    //join
    var nums=[2,4,5];
    var str=nums.join();//2,4,5類型為string,默認(rèn)是,隔開

    var words=["border","left","color"];
    var wordstr =words.join("-");
    console.log(wordstr);   //border-left-color
  </script>

reverse()

【語法】:

stringObject.reverse()

【功能】:
用于顛倒數(shù)組中元素的順序舀射。

【返回值】:數(shù)組

【案例】:

<script>
//reverse
    var nums=[2,4,5];
    nums.reverse();
    //reverse反轉(zhuǎn)數(shù)組,得到的是數(shù)組
    console.log(nums);//[5,4,2]

    var strs=["a","b","c","d"];
    //返回dcba這個(gè)字符串
    var newstr=strs.reverse().join("")
    console.log(newstr);
</script>

sort()

【語法】:

arrayObject.sort(sortby)

【功能】:
用于對(duì)數(shù)組的元素進(jìn)行排序怀伦。

【返回值】:數(shù)組脆烟。

【案例】:

<script>
      //sort
      var arr=[9,23,15,88,12];
     //降序排列 return 參數(shù)1<參數(shù)2
      arr.sort(function(a,b){return a<b});
      console.log(arr);//[88,23,15,12,9]
      //升序 return 參數(shù)1>參數(shù)2
      arr.sort(function(a,b){return a>b});
      console.log(arr);//[9,12,15,23,88]
  </script> 

說明:
1.即使數(shù)組中的每一項(xiàng)都是數(shù)組,sort()方法比較的也是字符串房待。
2.sort()方法可以接收一個(gè)比較函數(shù)作為參數(shù)邢羔。

【綜合案例】:下列代碼運(yùn)行結(jié)果是?

【答案】:
1;2;3;4;5;6,string,[1,2,3,4,5,6]

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末桑孩,一起剝皮案震驚了整個(gè)濱河市拜鹤,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌流椒,老刑警劉巖敏簿,帶你破解...
    沈念sama閱讀 211,743評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異宣虾,居然都是意外死亡惯裕,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,296評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門绣硝,熙熙樓的掌柜王于貴愁眉苦臉地迎上來蜻势,“玉大人,你說我怎么就攤上這事鹉胖∥章辏” “怎么了够傍?”我有些...
    開封第一講書人閱讀 157,285評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)挠铲。 經(jīng)常有香客問我冕屯,道長(zhǎng),這世上最難降的妖魔是什么市殷? 我笑而不...
    開封第一講書人閱讀 56,485評(píng)論 1 283
  • 正文 為了忘掉前任愕撰,我火速辦了婚禮,結(jié)果婚禮上醋寝,老公的妹妹穿的比我還像新娘搞挣。我一直安慰自己,他們只是感情好音羞,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,581評(píng)論 6 386
  • 文/花漫 我一把揭開白布囱桨。 她就那樣靜靜地躺著,像睡著了一般嗅绰。 火紅的嫁衣襯著肌膚如雪舍肠。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,821評(píng)論 1 290
  • 那天窘面,我揣著相機(jī)與錄音翠语,去河邊找鬼。 笑死财边,一個(gè)胖子當(dāng)著我的面吹牛肌括,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播酣难,決...
    沈念sama閱讀 38,960評(píng)論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼谍夭,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了憨募?” 一聲冷哼從身側(cè)響起紧索,我...
    開封第一講書人閱讀 37,719評(píng)論 0 266
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎菜谣,沒想到半個(gè)月后珠漂,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,186評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡尾膊,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,516評(píng)論 2 327
  • 正文 我和宋清朗相戀三年甘磨,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片眯停。...
    茶點(diǎn)故事閱讀 38,650評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡济舆,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出莺债,到底是詐尸還是另有隱情滋觉,我是刑警寧澤签夭,帶...
    沈念sama閱讀 34,329評(píng)論 4 330
  • 正文 年R本政府宣布,位于F島的核電站椎侠,受9級(jí)特大地震影響第租,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜我纪,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,936評(píng)論 3 313
  • 文/蒙蒙 一慎宾、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧浅悉,春花似錦趟据、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,757評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至荞估,卻和暖如春咳促,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背勘伺。 一陣腳步聲響...
    開封第一講書人閱讀 31,991評(píng)論 1 266
  • 我被黑心中介騙來泰國(guó)打工跪腹, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人飞醉。 一個(gè)月前我還...
    沈念sama閱讀 46,370評(píng)論 2 360
  • 正文 我出身青樓冲茸,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親冒掌。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,527評(píng)論 2 349

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

  • 什么是對(duì)象JavaScript 中的所有事物都是對(duì)象蹲盘,如:字符串股毫、數(shù)值、數(shù)組召衔、函數(shù)等铃诬,每個(gè)對(duì)象帶有屬性和方法。對(duì)象...
    阿r阿r閱讀 438評(píng)論 0 9
  • 數(shù)組的方法 首先我們先打印一下Array.prototype看一下數(shù)組都有哪些方法 concat1.定義和用法:c...
    黃鶴你不是人閱讀 403評(píng)論 0 0
  • 第1章 認(rèn)識(shí)JS JavaScript能做什么苍凛?1.增強(qiáng)頁面動(dòng)態(tài)效果(如:下拉菜單趣席、圖片輪播、信息滾動(dòng)等)2.實(shí)現(xiàn)...
    mo默22閱讀 1,250評(píng)論 0 5
  • 藍(lán)月亮兼職突然的要求讓我猝不及防醇蝴,一點(diǎn)都還沒有動(dòng)工的各種作業(yè)宣肚,惡劣的乘車環(huán)境,長(zhǎng)時(shí)間的工作要求悠栓,遙遠(yuǎn)的路途霉涨,時(shí)不時(shí)...
    最愛捆粄閱讀 124評(píng)論 0 0
  • JS的裝載和執(zhí)行 首先按价,瀏覽器對(duì)JS的運(yùn)行分兩個(gè)特性:1)載入后馬上執(zhí)行;2)執(zhí)行后會(huì)阻塞后面的內(nèi)容(包括頁面的渲...
    zhangivon閱讀 346評(píng)論 0 0