Es6 陣列新增的方法

2021-10-02 11:31:41 字數 1385 閱讀 2909

這個檔案中所說的三個方法: 都是建構函式的方法 array.方法名()

不是陣列物件的方法,注意呼叫格式 陣列名.方法名()

array.from: 將類陣列轉化為陣列

類陣列: 有下標,有length, 但是無法使用陣列的方法

引數1: 需要轉化的類陣列

引數2; 處理的方式(可選的)

引數3: 函式執行時this的指向(可選)

<

/li>

<

/li>

<

/li>

<

/ul>

let lis = document.

queryselectorall

("li");

console.

log(lis)

; lis = array.

from

(lis,

(item,index)

=>);

<

/script>

map():

返回乙個新陣列,新陣列中的元素,是原陣列中按照指定需求處理過的資料

lis.

map(

(item)

=>item)

;// 轉化為陣列後,才可以使用陣列自帶的方法

把類陣列轉化成陣列,我們常用的兩種方式:

1. array.from

2. 展開運算子

檢測 資料是否是個陣列

// lis = [...lis];

// lis.sort();

console.

log(array.

isarray

(lis));

//true

array.of() : 將引數組成乙個 新的 陣列

let arr =[1

,2,3

,4,5

];arr = array.of(

"a",

"b")

;// 新陣列會覆蓋原有資料

console.

log(arr)

;//["a","b"]

sort(): 將陣列排序

let  arr =[2

,1,3

,5,4

];// arr= arr.sort((n1,n2)=>);

arr= arr.

sort

((n1,n2)

=>n1-n2)

;

console.

log(arr)

;//[1,2,3,4,5]

ES6陣列新增方法

1 字串轉陣列 個人感覺有些類似於arr.split let str hello console.log array.from str array 5 h e l l o 2 將類陣列物件轉換為真正陣列 let arrlist let arr array.from arrlist console.l...

es6陣列新增的方法

foreach 迴圈 1 遍歷陣列,無返回值,不改變原陣列,僅僅只是遍歷 2 let arr 2,3,4,5 3 arr.foreach item,index console.log item map1 1個對1個對映,迴圈什麼最後return什麼,不會改變原陣列,返回乙個新的陣列.3 舉個栗子 4...

ES6 陣列新增

window.onload function 作用 把類陣列 獲取一組陣列元素,arguments.物件轉成陣列 具備length這個東西,就靠譜 let arr 1,2,4 let arr2 array.from arr let json let arr array.from json 作用 把一...