ES6陣列新增方法

2021-09-19 11:44:19 字數 1457 閱讀 2572

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.log(arr) // array(4) ['yang','27','男',['wang','ling','huang']]

ps:對於第二種,如果將最後的length去掉,那將是乙個length為0的空陣列

如果將**再改一下:

let arrlist =

let arr = array.from(arrlist)

console.log(arr) // array(4) [undefined, undefined, undefined, undefined]

會發現結果是長度為4,元素均為undefined的陣列

由此可見,要將乙個類陣列物件轉換為乙個真正的陣列,必須具備以下條件:

1、該類陣列物件必須具有length屬性,用於指定陣列的長度。如果沒有length屬性,那麼轉換後的陣列是乙個空陣列

2、該類陣列物件的屬性名必須為數值型或字串型的數字

console.log(arr);

例子:

let arr = [0,1,2,3,4,5];

let result = arr.find(function(val, index, arr),this)

console.log(result); // 2

例子:

let arr = ["yang", "wang", "ling"];

let result = arr.findindex(function(val, index, arr),this)

console.log(result); // 1

array.fill(value, start, end)

引數 描述

value 必需。填充的值。

start 可選。開始填充位置。

end 可選。停止填充位置 (預設為 array.length)

1、只傳入乙個值(填充值),那將覆蓋所有陣列內的內容

fruits.fill("runoob");

輸出:runoob,runoob,runoob,runoob

2、傳入三個引數(填充值,起始位置,結束位置),那將把填充值替換到起始位置和結束位置之間

fruits.fill("runoob", 2, 4);

輸出:banana,orange,runoob,runoob

在es2016裡面新增:

Es6 陣列新增的方法

這個檔案中所說的三個方法 都是建構函式的方法 array.方法名 不是陣列物件的方法,注意呼叫格式 陣列名.方法名 array.from 將類陣列轉化為陣列 類陣列 有下標,有length,但是無法使用陣列的方法 引數1 需要轉化的類陣列 引數2 處理的方式 可選的 引數3 函式執行時this的指向...

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 作用 把一...