JavaScript陣列入門

2021-09-12 17:30:19 字數 3844 閱讀 7151

>

//用陣列字面量建立

var empty =

;//沒有元素的陣列

var primes =[2

,3,4

,6,11

];//有5個數值的陣列

var misc =

[1.1

,true

,"a"];

//有3個不同型別的元素的陣列

//下面兩種方式最好不要使用,在不同的瀏覽器版本中結果並不一致

var count =[1

,,3]

;//陣列有3個元素,中間的那個元素值為undefined

var undefs =[,

,];//陣列有2個元素,都是undefined

//呼叫建構函式建立(new可以省略)

var a =

newarray()

;//建立乙個沒有任何元素的空陣列

var a1 =

newarray(10

);//建立乙個長度為10的空陣列

var a2 =

newarray(5

,true

,"test");

//建立乙個包含3個元素的陣列

script

>

使用索引新增

>

var empty =

;//開始是乙個空陣列

empty[0]

="zero"

;//新增元素

script

>

使用unshift()方法可以接收任意數量的引數,將其插入到陣列的首部,並返回修改後陣列的長度

var colors =

newarray()

; colors.

unshift

("red"

,"green");

colors.

unshift

("blue");

for(

var i =

0; i < colors.length; i++

)<

/script>

使用push()方法可以接收任意數量的引數,把它們逐個新增到陣列末尾,並返回修改後陣列的長度

var empty =

;//開始是乙個空陣列

empty.

push

("zero");

//在末尾新增乙個元素

empty.

push

("one"

,"two");

//再新增兩個元素

<

/script>

shift()方法可以從陣列頭部刪除乙個元素,同時將陣列長度減 1,但它和 delete 不同的是,shift() 方法將所有元素下移到比當前索引低1的地方

pop()方法從陣列末尾移除最後一項,並且使陣列長度減少1,同時返回被刪除元素的值

使用delete運算子刪除陣列元素(不會改變陣列的 length 屬性),也可以簡單地設定 length 屬性為乙個新的值來刪除陣列尾部的元素

splice()是乙個通用的插入、刪除或替換陣列元素的方法,它會根據需要修改 length 屬性並移動元素到更高或較低的索引處

使用for迴圈

使用for in迴圈

使用foreach()迴圈

join()使用不同的分隔符來構建這個字串。join()方法只接收乙個引數,即用作分隔符的字串,然後返回包含所有陣列項的字串

var colors =

["red"

,"green"

,"blue"];

alert

(colors.

join

(","))

;//red,green,blue

alert

(colors.

join

("||"))

;//red||green||blue

alert

(colors.

join(""

));//redgreenblue

reverse():反轉陣列項的順序,該方法會改變原來的陣列,而不會建立新的陣列

sort():用於對陣列的元素進行排序,如果呼叫該方法時沒有使用引數,將按字母順序對陣列中的元素進行排序,說得更精確點,是按照字元編碼的順序進行排序

var values =[0

,1,5

,10,15

]; values.

sort()

;alert

(values)

;//0,1,10,15,5

concat()方法會先建立當前陣列乙個副本,然後將接收到的引數新增到這個副本的末尾,最後返回新構建的陣列。在沒有給 concat() 方法傳遞引數的情況下,它只是複製當前陣列並返回副本。如果傳遞給 concat() 方法的是一或多個陣列,則該方法會將這些陣列中的每一項都新增到結果陣列中。如果傳遞的值不是陣列,這些值就會被簡單地新增到結果陣列的末尾

var colors =

["red"

,"green"

,"blue"];

var colors2 = colors.

concat

("yellow",[

"black"

,"brown"])

;alert

(colors)

;//red,green,blue

alert

(colors2)

;//red,green,blue,yellow,black,brown

slice()。slice()方法可以接受一或兩個引數,即要返回項的起始和結束位置。在只有乙個引數的情況下,slice()方法返回從該引數指定位置開始到當前陣列末尾的所有項。如果有兩個引數,該方法返回起始和結束位置之間的項—但不包括結束位置的項。注意,slice()方法不會影響原始陣列

var colors =

["red"

,"green"

,"blue"

,"yellow"

,"purple"];

var colors2 = colors.

slice(1

);var colors3 = colors.

slice(1

,4);

alert

(colors2)

;//green,blue,yellow,purple

alert

(colors3)

;//green,blue,yellow

splice()

if

(arrname instanceof

array

)

if

(array.

isarray

(arrname)

)

JavaScript 快速入門

未定義 undefined 物件 關係運算 邏輯運算 與 或 非 按位運算 三目運算 分支結構 if else 分支結構 switch case switch 表示式 當程式執行到switch case語句時,首先計算表示式的值,然後與所有的case選項匹配。匹配到誰就執行對應的語句塊,直到遇見br...

javascript基礎入門

1.可以寫在js的單獨檔案裡alert hello world 2.可以書寫在head裡alert hello world1 3.可以書寫在 a 標籤的 href裡面彈出4.可以寫在input裡面1.彈出框alert 你好 2.文件裡輸出document.write 你好 3.輸出到控制台裡cons...

javascript陣列操作

push 尾部新增元素 unshift 頭部新增元素 var arr 3,5,34 arr.push 7 alert arr pop 從尾部刪除元素 shift 從頭部刪除元素 splice 起始位置,刪除的幾個,用新元素填補刪除位置 刪除元素 splice 1,2 從第二個元素往後刪除2個元素 新...