JavaScript ES6 數組屬性、方法及其擴充

來源:互聯網
上載者:User

標籤:for   成員   形式   替換   reac   地址   join   each   數組   

1.  建立數組:

第一種是使用 Array 建構函式:

var arr1 = new Array(); //建立一個空數組var arr2 = new Array(20); // 建立一個包含20項的數組var arr3 = new Array("lily","lucy","Tom"); // 建立一個包含3個字串的數組

 

第二種基本方式是使用數組字面量標記法:

var arr4 = []; //建立一個空數組var arr5 = [20]; // 建立一個包含1項的數組var arr6 = ["lily","lucy","Tom"]; // 建立一個包含3個字串的數組

 

2. 數組屬性:
constructorlengthprototype

 

3. 數組的方法:
join()push()和pop()shift() 和 unshift()sort()reverse()concat()slice()splice()indexOf()和 lastIndexOf() (ES5新增)forEach() (ES5新增)map() (ES5新增)filter() (ES5新增)every() (ES5新增)some() (ES5新增)reduce()和 reduceRight() (ES5新增)

 

4. 數組、字串轉換
JSON.parse(‘[1,2,3]‘)[0]===1eval("("+‘[1,2,3]‘+")")[0]===1 // 應避免使用evalJSON.stringify([])==="[ ]"

 

5. 數組添加元素
let arr = []arr.unshift(1) //數組開頭添加,返回被添加的元素arr.push(1) //數組結尾添加,返回被添加的元素arr[arr.length]  和 push的方法一樣arr[index] //在指定位置替換和添加 arr.splice(index,howmany,item1,.....,itemX) // 添加、替換、刪除數群組成員的方法index 必需。整數,規定添加/刪除項目的位置,使用負數可從數組結尾處規定位置。howmany    必需。要刪除的項目數量。如果設定為 0,則不會刪除項目。item1, ..., itemX    可選。向數組添加的新項目。

 

6. 數組刪除元素

arrObj.pop(); // 移除最前一個元素並返回該元素值,數組中元素自動前移arrObj.shift(); arrObj.splice()

 

7.截取和合并

以數組的形式返回數組的一部分,注意不包括 end 對應的元素,如果省略 end 將複製 start 之後的所有元素

arrObj.slice(start, [end]); 

 

將多個數組(也可以是字串,或者是數組和字串的混合)串連為一個數組,返回串連好的新的數組

arrObj.concat([item1[, item2[, . . . [,itemN]]]]); 

 

8.數組深拷貝

返回數組的拷貝數組,注意是一個新的數組,不是指向

arrObj.slice(0); 

 

返回數組的拷貝數組,注意是一個新的數組,不是指向

arrObj.concat(); 

 

因為數組是引用資料類型,直接賦值並沒有達到真正實現拷貝,地址引用,我們需要的是深拷貝。

9. 數組排序

對數組元素排序,返回數組地址

arrObj.sort(); arrObj.reverse(); 

 

10.合并成字元
arrObj.join()

 

JavaScript ES6 數組屬性、方法及其擴充

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.