1. 程式人生 > >JavaScript ES6 數組屬性、方法及其擴展

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

tin 方法 使用 拷貝 == 組元 truct 空數組 ....

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. 數組屬性:
constructor
length
prototype

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]===1
eval(
"("+‘[1,2,3]‘+")")[0]===1 // 應避免使用eval JSON.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 數組屬性、方法及其擴展