ES6中陣列的常用方法

1、fill的用法

//宣告指定陣列長度，並填充對應資料

const arr = new array(3).fill("agwenbi");
console.log(arr);//["agwenbi","agwenbi","agwenbi"]

//from，從乙個類似陣列或可迭代物件建立乙個新的，淺拷貝的陣列

let str = "agwenbi";
let arr = array.from(str);
console.log(arr);//['a','g','w','e','n','b','i']
let str1 = [1,2,3];
let arr1 = array.from(str1,temp => temp * 2);
console.log(arr1);//[2,4,6]

//isarray,判斷是否為陣列

let str = "agwenbi";
let jsondate = ;
let arr = ;
let bool = true;
console.log(array.isarray(str));//false
console.log(array.isarray(jsondate));//false
console.log(array.isarray(arr));//true
console.log(array.isarray(bool));//false

//foreach的用法

let arr = [1,2,3];
arr.foreach((item,key,arrdata) => );

//map的用法:類似於foreach

let arr = [1,2,3];
let newarr = arr.map((item,key,arrdata) => );
console.log(newarr);//[1,4,9];

//find的用法:查詢陣列中第乙個滿足要求的項（多個滿足也只會返回第乙個）

let arr = [1,2,3];
let temp = arr.find(item => item > 2);
console.log(temp);//3
let temp1 = arr.find(item => item > 1);
console.log(temp1);//2

//findindex的用法:查詢陣列中第乙個滿足要求的項的當前索引

let arr = [1,4,9];
let index = arr.findindex(item => item === 4);
console.log(index);//1

//every的用法:判斷陣列中的每一項是否都滿足條件，如果都滿足則返回true，只要有一項不滿足則返回flase,有點類似於邏輯與&&

let arr = [1,4,9];
let flag = arr.every(item => item >= 0);
console.log(flag);
let flag1 = arr.every(item => item > 1);
console.log(flag1);

//some的用法：類似於邏輯或，判斷資料的每一項是否有滿足條件的，如果有就返回true，如果都不滿足才返回false

let arr = [1,4,9];
let flag = arr.some(item => item >= 5);
console.log(flag);//true
let flag1 = arr.some(item => item >= 10);
console.log(flag1);//false

//reduce的用法：第一次迴圈時，perv為陣列第一項，next為陣列第二項

let arr = [1,4,9];
let newarr = arr.reduce((prev,next) => );
//第一次迴圈時      prev:1      next:4
//第二次迴圈時      prev:5      next:9
//迴圈結束
console.log(newarr);//14
let newarr1 = arr.reduce((prev,next) => ,10);//迴圈結束時再加上第二個引數10，最終結果為24
console.log(newarr1);

//includes的用法:查詢陣列是否包含某乙個項

let arr = [1,4,9];
console.log(arr.includes(1));//true
console.log(arr.includes(5));//false

//filter的用法:根據條件過濾陣列項，返回過濾後的新陣列

let arr = [1,4,9];
let newarr = arr.filter(item => item >= 3);//過濾大於等於3的資料
console.log(newarr);//[4,9]

es6常用方法

1.let const const es6中引入了塊級作用域 2.解構賦值 var a 1 var b 2 var c 3 var a 4,b 5,c 6 console.log a,b,c let a,b,c 123,456,789 let a,c 123,789 let a,num,abc c ...

陣列的方法 es6

1,arr.push 從後面新增元素,返回值為新增完後的陣列長度 2,arr.pop 從後面刪除元素,只能刪除乙個,返回值是刪除的元素 3,arr.shift 從前面刪除元素,只刪除乙個,返回值是刪除的元素 4,arr.unshift 從前面新增元素,返回值是新增完後的陣列長度 5,arr.spli...

es6陣列的方法

擴充套件運算子 console.log 1,2,3 1 2 3 console.log 1,2,3,4 5 1 2 3 4 5 document.queryselectorall div push方法 es5的 寫法var arr1 0,1,2 var arr2 3,4,5 es6 的寫法 let ...