JS陣列及使用方法

2021-10-04 06:08:49 字數 2951 閱讀 7602

陣列物件的作用是:使用單獨的變數名來儲存一系列的值。
建構函式的方法

var arr = new array()

var arr = new array(5)

var arr = new array("寶寶")

字面量的方法

var arr = ;

var arr = ["寶寶","大可愛"];

1.length:表示陣列的長度,就是陣列中元素的個數。

2.索引:也叫做下標,是陣列中元素的序號,從0開始,最大下標是陣列的長度-1;

使用方式: 陣列名[下標];

方法1:

for(var i=0;i兩種方式的區別:

a.迴圈陣列

for in 迴圈給迴圈變數賦值為字串型別,for in迴圈必須把所有的元素要迴圈一遍,

普通的for迴圈給迴圈變數賦值為數字型別,普通的for的迴圈,可以控制迴圈哪些元素。更加的靈活.

b.迴圈物件

for in迴圈可以迴圈物件

普通for迴圈,沒法直接迴圈物件。

1.給陣列新增元素:push(), unshift(),splice()

a.push:新增元素:在陣列的末尾增加乙個元素

var arr = ['damon','girl','boy'];

arr.push('寶寶'); //修改後的陣列為['damon','girl','boy','寶寶']

b.unshift():新增元素: 在陣列的開始新增

var arr = ['damon','girl','boy'];

arr.unshift('寶寶'); //修改後的陣列為['寶寶','damon','girl','boy']

c.splice():既可以新增元素,也可以刪除元素,而且可以在在指定下標刪除、新增

var arr = ['damon','girl','boy','tree','fire','water','zero-one'];

arr.splice(2,0,"寶寶"); //在下標2的位置插入了 寶寶

//陣列變為['damon','girl','寶寶','boy','tree','fire','water','zero-one']

arr.splice(2,1,"大寶");//把原下標為2的元素刪除,插入寶寶

//陣列變為['damon','girl','大寶','boy','tree','fire','water','zero-one']

arr.splice(2,3,"小寶");//從下標2開始刪除3個,在下標2的位置插入寶寶

//陣列變為['damon','girl','小寶','fire','water','zero-one']

2、從陣列中刪除元素:pop(), shift(),splice()

a.pop():刪除元素:刪除陣列裡最後乙個元素,返回值就是被刪除的元素

var arr = ['damon','girl','boy'];

arr.pop(); //修改後的陣列為['damon','girl']

b.shift(): 刪除元素: 在陣列的開始刪除

var arr = ['damon','girl','boy'];

arr.shift(); //修改後的陣列為['girl','boy'];

3.修改陣列中的元素:splice(),reverse(),sort()

a.reverse:把陣列的元素進行翻轉

var arr = ['1','2','3'];

arr.reverse();

console.log(arr) //輸出結果為3 2 1

b.sort():排序

var arr = [9, 6, 5, 7, 11, 52, 15];

arr.sort(); //修改後的陣列為[5,6,7,9,11,15,52]

以上是針對單純的整數陣列,當陣列的元素為物件時,則可能需要根據物件的屬性進行排序.

4.從陣列中查詢:slice()

從陣列裡取出一部分元素(根據起始下標和結束下標)

var arr = [9, 6, 5, 7, 11, 52, 15];

arr.slice(2,5) //修改後的陣列為[5,7,11,52]

注意:和splice區分開

5.concat();//拼接陣列,把兩個陣列拼接起來,也可以拼接元素

concat():可以給陣列的末尾增加元素,但是cancat並不會改變原始的陣列,concat的返回值是新增元素後的結果

1.氣泡排序
functionfn(

)}} console.

log(arr)

;}

2.選擇排序
functionfn(

)}//2、交換(陣列中的最小數和arr[i])

var t = arr[i]

; arr[i]

= arr[index]

; arr[index]

= t;

} console.

log(arr)

;}

陣列是有名字的一組資料有序排列的集合,是一種引用型別;陣列中可以存放各種資料,如字串型別、數字型別、布林值、undefined或null,當然,陣列的元素也可以沒有,此時的陣列就是乙個空陣列;陣列的長度用length表示,length的值會隨著陣列元素的變化而變化,注意下標是從0開始的。

Js的Array(陣列)常見使用方法

陣列可以用乙個變數名儲存所有的值,並且可以用變數名訪問任何乙個值。陣列中的每個元素都有自己的id,以便它可以很容易地被訪問到。使用單獨的變數名來儲存一些列的值。var a 1 2,3 var b 4 5 var c a.concat b console.log c 1,2,3,4,5 示例 var ...

JS基礎丨05 陣列的使用方法

01.陣列元素新增 刪除 排序等方法 array.length 陣列的大小 array.push 尾部新增 array.pop 尾部刪除 array.unshift 頭部新增 array.shift 頭部刪除 array.concat 拼接陣列 追加資料,不改變原陣列 array.join 將陣列元...

js陣列使用方法與例項教程

color olive size large 定義陣列 陣列物件用來在單獨的變數名中儲存一系列的值。var myarray new array 有兩種向陣列賦值的方法 你可以新增任意多的值,就像你可以定義你需要的任意多的變數一樣 1 var mycars new array mycars 0 saa...