溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

如何在JavaScript中操作array數(shù)組對象

發(fā)布時間:2021-05-20 17:08:11 來源:億速云 閱讀:156 作者:Leah 欄目:web開發(fā)

這篇文章給大家介紹如何在JavaScript中操作array數(shù)組對象,內(nèi)容非常詳細,感興趣的小伙伴們可以參考借鑒,希望對大家能有所幫助。

1. 創(chuàng)建數(shù)組

var array1 = [1,2]  //方法一

var array2 = new Array() //方法二
array[0] = 1;
array[1] = 2;

2.遍歷數(shù)組 for循環(huán) 和for...in 循環(huán)

var array1 = [1,2];
var l = array1.length;
//for循環(huán)
for(var i=0;i< l;i++){
  console.log(array1 [i]);
}

//for...in 循環(huán)
for (x in array1 ){
  console.log(array1 [x]);
}

3. concat() 連接兩個或以上的數(shù)組,返回的是一個新數(shù)組,不影響原數(shù)組 (concat 合并多個數(shù)組(加的是數(shù)組中的元素),也可跟元素合并)

var arr = [1];
var arr1 = ["herry"]
var arr3 = arr.concat(arr1); //[1,"herry"]

4.push() 方法可向數(shù)組的末尾添加一個或多個元素,該方法會改變原數(shù)組,并且遵循數(shù)組提供的先進后出棧功能,返回值是數(shù)組新的長度(unshift()  方法是向數(shù)組頭部添加一個或多個元素,使用上同push方法,但不推薦使用,因為無法再IE下正常使用)

var arr = [1];
var arr1 = "herry";
var arr2 = ["herry"];

//注意向數(shù)組中追加的是元素
var l = arr.push(arr1);
console.log(l); //2
console.log(arr) //[1,"herry"]


//數(shù)組會以數(shù)組形式追加到尾部
var l = arr.push(arr2);
console.log(l); //3
console.log(arr) //[1,"herry",Array(1)["herry"]]

5. pop() 方法刪除數(shù)組最后一個元素,該方法會改變原數(shù)組,刪除元素并且數(shù)組長度-1,返回值是刪除的元素的值,如果數(shù)組是空數(shù)組,則不進行刪除,返回值是undefined   (shift() 方法刪除數(shù)組第一個元素,使用上同pop方法)  (pop 取出  shift 轉(zhuǎn)移,改變)

var arr = [1,"herry"];
var del = arr.pop() ;
console.log(del); //"herry"
console.log(arr.length); //1

6. sort() 對數(shù)組進行排序,改變的是原數(shù)組元素順序,默認是按字符編碼排序,所以在遇到數(shù)字排序時,就需要定義函數(shù)

function sortNumber(a,b)
{
return a - b
}

var arr = new Array(6)
arr[0] = "10"
arr[1] = "5"
arr[2] = "40"
arr[3] = "25"
arr[4] = "1000"
arr[5] = "1"

document.write(arr + "<br />") //10,5,40,25,1000,1
document.write(arr.sort(sortNumber)) //1,5,10,25,40,1000

7.slice(start,end) 數(shù)組的截取函數(shù),start 必需,end 選填 ,均可以為負數(shù),返回的是start到end(不包括end)之間的元素,返回新數(shù)組,不影響原來數(shù)組 (slice 切開)

var arr = [1,2,3,4,5,6];
arr.slice(2); //[3,4,5,6]
console.log(arr); //[1,2,3,4,5,6]

8.splice(index,howmany,item1,.....,itemX) 方法刪除或者添加數(shù)組,會操作原數(shù)組,返回的是含有被刪除的元素的數(shù)組 index 必需 起始位置,howmany 必需 數(shù)量可以為0,即不操作,第三個參數(shù)添加到數(shù)組 替代數(shù)組index的位置

var arr = [1,2,3,4,5,6];
console.log(arr); //[1,2,3,4,5,6]
arr.splice(2,3,"William")
console.log(arr); // [1,2,"William",6]

9.reverse() 顛倒元素順序,改變原數(shù)組

var arr = [1,2,3];
arr.reverse(); //[3,2,1]

10. join() 方法將數(shù)組拆分成字符串,返回值字符串,默認分隔符為逗號“,”

var arr = [1,2,3];
arr.join("-");  //"1-2-3"

11.toString() 將數(shù)組轉(zhuǎn)換成字符串,返回字符串,格式為逗號隔開

JavaScript是什么

JavaScript是一種直譯式的腳本語言,其解釋器被稱為JavaScript引擎,是瀏覽器的一部分,JavaScript是被廣泛用于客戶端的腳本語言,最早是在HTML網(wǎng)頁上使用,用來給HTML網(wǎng)頁增加動態(tài)功能。

關(guān)于如何在JavaScript中操作array數(shù)組對象就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,可以學(xué)到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。

向AI問一下細節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI