JavaScript數(shù)組定義

數(shù)組有四種定義的方式

使用構(gòu)造函數(shù):

var a = new Array();

var b = new Array(8);

var c = new Array("first", "second", "third");

或者數(shù)組直接量:

var d = ["first", "second", "third"];

屬性

Array只有一個屬性,就是length,length表示的是數(shù)組所占內(nèi)存空間的數(shù)目,而不僅僅是數(shù)組中元素的個數(shù),在剛才定義的數(shù)組中,b.length的值為8

var a = new Array("first", "second", "third")

a[48] = "12"

document.write(a.length)

//顯示的結(jié)果是49

數(shù)組的length屬性是可寫的,這是一個非常有意思的屬性,我們可以通過這種方法來截取數(shù)組

var a = new Array("first", "second", "third")

delete a[1]

document.write(a.length)

//顯示的結(jié)果是3,說明即使刪除也無法改變數(shù)組的長度

var a = new Array("first", "second", "third")

a.length = 1

document.write(a.length)

//顯示的結(jié)果是1,說明只剩下一個元素了

方法

這里并沒有包括IE和FF并不兼容的一些方法:

toString():把數(shù)組轉(zhuǎn)換成一個字符串

toLocaleString():把數(shù)組轉(zhuǎn)換成一個字符串

join():把數(shù)組轉(zhuǎn)換成一個用符號連接的字符串

shift():將數(shù)組頭部的一個元素移出

unshift():在數(shù)組的頭部插入一個元素

pop():從數(shù)組尾部刪除一個元素

push():把一個元素添加到數(shù)組的尾部

concat():給數(shù)組添加元素

slice():返回數(shù)組的部分

reverse():將數(shù)組反向排序

sort():對數(shù)組進行排序操作

splice():插入、刪除或者替換一個數(shù)組元素

toString() 方法,toLocaleString()方法的作用類似,F(xiàn)F下的作用是完全相同的,IE的話如果元素是字符串,會在“,”后面加上一個空格,如果元素是數(shù)字,會擴展到兩位小數(shù),兩者都會改變字符串的length屬性,所以考慮到兼容性,盡量不要使用toLocaleString()方法。

var a = new Array(1, 2, 3, [4, 5, [6, 7]])

var b = a.toString() //b為字符串形式的 "1, 2, 3, 4, 5, 6, 7"

var c = new Array(1, 2, 3, [4, 5, [6, 7]])

var d = c.toLocaleString() //d為字符串形式的 "1, 2, 3, 4, 5, 6, 7"

//toString()方法和toLocaleString()方法都可以拆解多維數(shù)組

join()方法將數(shù)組中的所有元素轉(zhuǎn)換成字符串,然后連接起來,這剛好和String的split()方法是一個相反的操作。join()默認是使用“,”作為分隔符,當然你也可以在方法中指定分隔符

var a = new Array("first", "second", "third")

var s = a.join("...")

document.write(s)

//顯示的結(jié)果是“first...second...third”

pop()方法可以從數(shù)組尾部刪除若干個元素,push()方法把一個元素添加到數(shù)組的尾部,這兩個方法剛好是兩個相反的操作。兩個都是對原來的數(shù)組進行操作,但是要注意push()方法返回的是新的數(shù)組的長度,而pop()方法則返回被刪去的那個元素。

var a = new Array(1, 2, 3)

var b = a.push(4,5,[6,7]) //a為[1, 2, 3, 4, 5, [6, 7]]? b為6? 注意push()方法不會幫你打開一個數(shù)組

var c = new Array(1, 2, 3, 4, "first")

var d = c.pop() //c為[1, 2, 3, 4]? d為字符串形式的"first"

shift() 方法可以從數(shù)組頭部刪除一個元素,unshift()方法把若干元素添加到數(shù)組的頭部,這兩個方法剛好是兩個相反的操作。兩個都是對原來的數(shù)組進行操作,但是要注意unshift()方法返回的是新的數(shù)組的長度,而shift()方法則返回被刪去的那個元素。

var a = new Array(1, 2, 3)

var b = a.unshift(4,5,[6,7]) //a為[4, 5, [6, 7], 1, 2, 3]? b為6? 注意unshift()方法不會幫你打開一個數(shù)組,還有就是被插入數(shù)值的順序

var c = new Array("first", 1, 2, 3, 4)

var d = c.shift() //c為[1, 2, 3, 4]? d為字符串形式的"first"

concat()方法可以返回一個在原有數(shù)組上增添了元素的數(shù)組,元素用“,”分隔,元素中如果有數(shù)組,將被展開并繼續(xù)添加,但不支持多維數(shù)組形式的展開添加

var a = new Array("first", "second", "third")

s = a.concat("fourth",["fifth", "sixth"],["seventh", ["eighth", "ninth"]])

document.write(s[7])

// 顯示的結(jié)果是“eighth, ninth”,說明“eighth, ninth”是以數(shù)組的形式被添加了進去,此是s的值為["first", "second", "third", "fourth", "fifth", "sixth", "seventh", ["eighth", "ninth"]]

slice()方法返回數(shù)組的一個片斷,或者說是子數(shù)組。slice()的參數(shù)表示字數(shù)組的始末位置,如果只有一個參數(shù),就表示從該處開始一直取到最后,如果參數(shù)出現(xiàn)負數(shù),則表示倒數(shù)的某個位置。

var a = new Array(1, 2, 3, 4, 5)

var b = a.slice(3)? //b為[4, 5]

var c = a.slice(-3) //c為[3, 4, 5]

var d = a.slice(1,-1) //d為[2, 3, 4]

var e = a.slice(-3,-1) //e為[3, 4]

reverse()方法將數(shù)組反向排序,他并不創(chuàng)建和返回一個新的數(shù)組,而是在原有的數(shù)組上進行操作

var a = new Array("first", "second", "third")

a.reverse()

document.write(a)

//顯示的結(jié)果是“third,second,first”,這時候數(shù)組的順序已經(jīng)顛倒了

sort()方法的作用是對數(shù)組進行排序,這是一個非常奇特的方法,我不知道當初創(chuàng)作他的人是出于懶惰還是聰明,這是一個讓我印象深刻的方法。

sort()方法的參數(shù)是一個有兩個參數(shù),并且有返回值的函數(shù),如果返回的值大于零,則說明前一個參數(shù)比后一個參數(shù)大,等于零則相等,小于零說明前一個參數(shù)比后一個小,而相對小的那個參數(shù)將出現(xiàn)在排序的前列。

sort()方法直接在數(shù)組上進行操作,同時也返回值,但是兩者似乎是等價的。sort()方法默認是用字母的順序進行排序

var a = new Array(33, 4, 111, 543)

a.sort(way)

function way(x, y){

if (x % 2 ==0)

return 1;

if (x % 2 !=0)

return -1;

}

//排序的結(jié)果是使奇數(shù)在前偶數(shù)在后

splice()方法的作用是插入、刪除或者替換一個數(shù)組元素,他不光會在原有的數(shù)組上進行修改,還會返回被處理掉的內(nèi)容,因此這是一個功能強大,但是不容易使用的方法,splice()方法用前兩個參數(shù)進行定位,余下的參數(shù)表示插入部分。

var a = new Array(1, 2, 3, 4, 5)

var b = a.splice(2) //a為[1, 2]? b為[3, 4, 5]

var c = new Array(1, 2, 3, 4, 5)

var d = c.splice(2,2) //c為[1, 2, 5]? d為[3, 4]

var e = new Array(1, 2, 3, 4, 5)

var f = f.splice(-4,2) //e為[1, 4, 5]? f為[2, 3]

var g = new Array(1, 2, 3, 4, 5)

var h = g.splice(-2,-2) //第二個參數(shù)表示長度,因此負數(shù)在此無效

var i = new Array(1, 2, 3, 4, 5)

var j = i.splice(2,2,"first","second","third") //i為[1, 2, "first", "second", "third", 5]? j為[3, 4]? 后面部分會自動前后移動,以保持數(shù)組的連續(xù)性

var k = new Array(1, 2, 3, 4, 5)

var l = k.splice(2,2,["first","second"],"third") //k為[1, 2, ["first", "second"], "third", 5]? l為[3, 4]? splice()方法不會展開數(shù)組,只直接寫入

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Javascript有很多數(shù)組的方法,有的人有W3C的API,還可以去MDN上去找,但是我覺得API上說的不全,M...
    頑皮的雪狐七七閱讀 4,501評論 0 6
  • 先決條件 在閱讀這個教程之前,你多少需要知道點python。如果你想從新回憶下,請看看Python Tutoria...
    舒map閱讀 2,751評論 1 13
  • NumPy是Python中關(guān)于科學(xué)計算的一個類庫,在這里簡單介紹一下。 來源:https://docs.scipy...
    灰太狼_black閱讀 1,336評論 0 5
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,688評論 19 139
  • 吃完午飯 母親忙著刷鍋,洗碗 我忙著倒水,洗衣 不知道洗衣機壞了 不知道村里面那么一個熟悉的人 已經(jīng)老了三年 它是...
    大昭大昭大閱讀 138評論 0 0

友情鏈接更多精彩內(nèi)容