亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

js Array操作的最簡(jiǎn)短最容易理解方法

 更新時(shí)間:2013年12月09日 10:11:03   作者:  
這篇文章主要是對(duì)js中的Array操作進(jìn)行了詳細(xì)的分析介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助

Array 的方法
1 Array.join(): 把所有元素用符號(hào)連結(jié)成string返回, 如果元素不是基本類型, 先調(diào)用toString.
它對(duì)應(yīng)string.split();
arr = [1,2,true,3,4,5];
(arr.join('-') == '1-2-true-3-4-5';

2 Array.reverse(): 逆序排列數(shù)組
arr = [1,2,true,3,4,5];
arr.reverse();// arr == [5,4,3,true,2,1];

3 Array.sort(): 排序,可以傳遞一個(gè)排序函數(shù)作參數(shù)
arr.sort(function(a,b){
    return a-b;
});

4 Array.concat(): 拼接函數(shù),
在末尾拼接上新元素,返回拼接后的array,但是不改變?cè)璦rray;參數(shù)可以是一個(gè)元素,多個(gè)元素,一個(gè)數(shù)組,
如果是一個(gè)元素,或多個(gè)元素,直接把這些元素加到末尾,如果是一個(gè)數(shù)組,則把數(shù)組各個(gè)元素拿出來(lái)拼接到尾部。
a = [1,2,3];
a.concat(4,5)// return [1,2,3,4,5]
a.concat([4,5])// return [1,2,3,4,5]
a.concat([4,5],[6,7]);//return [1,2,3,4,5,6,7]
a.concat([4,[5,6]])//return [1,2,3,4,[5,6]]//注意

5 Array.slice(startPos, endPos): 取子字符串函數(shù)(原array保持不變)
從startPos開(kāi)始到endPos結(jié)束但不包括endPos上的元素
如果沒(méi)有endPos,則取到尾
如果pos為負(fù), 則倒著數(shù)
a = [1,2,3,4,5];
a.slice(0,3)// return [1,2,3]
a.slice(3)//return [4,5]
a.slice(1,-1)//return [2,3,4]//從第一個(gè)開(kāi)始取,取到倒數(shù)第1個(gè),但不包括倒數(shù)第1個(gè)
a.slice(1,-2);//return [2,3]//從第一個(gè)開(kāi)始取,取到倒數(shù)第2個(gè),但不包括倒數(shù)第2個(gè)

6 Array.splice(startPos, length, [added1, added2...]) 隨機(jī)存取函數(shù)
可以隨機(jī)刪除一個(gè)(些)元素,也可以加上一些元素,
如果只有兩個(gè)參數(shù),則從array中刪除從startPos開(kāi)始總共length個(gè)元素
如果有兩個(gè)以上參數(shù),則從array中刪除從startPos開(kāi)始總共length個(gè)元素,再?gòu)膭偛艅h除的位置添加上后面的元素
如果被添加的元素是一個(gè)數(shù)組則把這個(gè)數(shù)組作為一個(gè)元素(與concat差別)
a = [1,2,3,4,5];
a.splice(1,2)//return [2,3]; a==[1,4,5]
a.splice(1,2,6,7,8)//return [2,3]; a==[1,6,7,8,4,5]
a.splice(1,2,[6,7,8]);//return [2,3]; a==[1,[6,7,8],4,5]

7 Array.push() 和 Array.pop();
都是操作最后一個(gè)元素,push是添加,pop是刪除最后一個(gè)元素并返回該元素

8 Array.unshift() 和 Array.shift()
都是操作第一個(gè)元素,unshift是添加,shift是刪除第一個(gè)元素并返回該元素

合計(jì)起來(lái)
這些方法會(huì)改變?cè)璦rray:reverse, sort, splice, push, pop, unshift, shift
這些方法不會(huì)改變?cè)璦rray:join, concat, splice

相關(guān)文章

  • JS繪制生成花瓣效果的方法

    JS繪制生成花瓣效果的方法

    這篇文章主要介紹了JS繪制生成花瓣效果的方法,涉及javascript數(shù)學(xué)運(yùn)算及頁(yè)面元素操作的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
    2015-08-08
  • JS實(shí)現(xiàn)六邊形3D拖拽翻轉(zhuǎn)效果的方法

    JS實(shí)現(xiàn)六邊形3D拖拽翻轉(zhuǎn)效果的方法

    這篇文章給大家分享一個(gè)利用javascript實(shí)現(xiàn)3D六邊形拖拽翻轉(zhuǎn)的效果實(shí)例,實(shí)現(xiàn)后的效果很贊,對(duì)大家的學(xué)習(xí)Javascript具有一定的參考借鑒價(jià)值,有需要的朋友們一起去來(lái)看看吧。
    2016-09-09
  • uniapp中獲取dom元素的方法及更改dom元素顏色踩坑記錄

    uniapp中獲取dom元素的方法及更改dom元素顏色踩坑記錄

    最近學(xué)到了一個(gè)比較好用的框架uni-app,可以做六端適配,學(xué)習(xí)一下,下面這篇文章主要給大家介紹了關(guān)于uniapp中獲取dom元素的方法及更改dom元素顏色踩坑記錄的相關(guān)資料,需要的朋友可以參考下
    2023-03-03
  • javascript將中國(guó)數(shù)字格式轉(zhuǎn)換成歐式數(shù)字格式的簡(jiǎn)單實(shí)例

    javascript將中國(guó)數(shù)字格式轉(zhuǎn)換成歐式數(shù)字格式的簡(jiǎn)單實(shí)例

    下面小編就為大家?guī)?lái)一篇javascript將中國(guó)數(shù)字格式轉(zhuǎn)換成歐式數(shù)字格式的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2016-08-08
  • ES6函數(shù)實(shí)現(xiàn)排它兩種寫(xiě)法解析

    ES6函數(shù)實(shí)現(xiàn)排它兩種寫(xiě)法解析

    這篇文章主要介紹了ES6函數(shù)實(shí)現(xiàn)排它兩種寫(xiě)法解析,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
    2020-05-05
  • 用javascript實(shí)現(xiàn)鼠標(biāo)框選

    用javascript實(shí)現(xiàn)鼠標(biāo)框選

    用javascript實(shí)現(xiàn)鼠標(biāo)框選...
    2007-05-05
  • js實(shí)現(xiàn)視頻鏡面反轉(zhuǎn)的示例代碼

    js實(shí)現(xiàn)視頻鏡面反轉(zhuǎn)的示例代碼

    這篇文章主要為大家詳細(xì)介紹了如何利用JavaScript實(shí)現(xiàn)視頻鏡面反轉(zhuǎn)的效果,文中的示例代碼簡(jiǎn)潔易懂,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下
    2023-11-11
  • javascript中CheckBox全選終極方案

    javascript中CheckBox全選終極方案

    在javascript頁(yè)面中實(shí)現(xiàn)CheckBox或者Radio的選中狀態(tài)是一件很容易的事情,下面我們來(lái)給大家展示下在asp.net中使用javascript中CheckBox全選終極方案,有需要的小伙伴可以參考下。
    2015-05-05
  • js判斷一個(gè)對(duì)象是否在一個(gè)對(duì)象數(shù)組中(場(chǎng)景分析)

    js判斷一個(gè)對(duì)象是否在一個(gè)對(duì)象數(shù)組中(場(chǎng)景分析)

    這篇文章主要介紹了js判斷一個(gè)對(duì)象是否在一個(gè)對(duì)象數(shù)組中,本文通過(guò)場(chǎng)景分析給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧
    2022-08-08
  • Ant Design Pro 下實(shí)現(xiàn)文件下載的實(shí)現(xiàn)代碼

    Ant Design Pro 下實(shí)現(xiàn)文件下載的實(shí)現(xiàn)代碼

    這篇文章主要介紹了Ant Design Pro 下實(shí)現(xiàn)文件下載的實(shí)現(xiàn)代碼,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2019-12-12

最新評(píng)論