ES6中的函式和陣列補漏

2021-08-20 07:05:04 字數 1827 閱讀 7495

我們在前後端分離時，後端經常返回來json格式的資料，前端的美好願望是直接把這個json格式資料當作引數，傳遞到函式內部進行處理。es6就為我們提供了這樣的解構賦值。

let json = ;


function


fun() 


fun(json) // 啊啊啊   呵呵呵
感覺方便了很多，我們再也不用乙個個傳遞引數了

函式能解構json，那解構我們的陣列就更不在話下了，我們看下邊的**。我們宣告乙個陣列，然後寫乙個方法，最後用…進行解構賦值。

let arr = ['鋼鐵俠','蜘蛛俠','美國隊長'];


function


fun(a,b,c)


fun(...arr); // 鋼鐵俠 蜘蛛俠 美國隊長
in是用來判斷物件或者陣列中是否存在某個值的。

物件判斷

let obj = 


console.log('a'


in obj)// true
陣列判斷

先來看一下es5判斷的弊端，以前會使用length屬性進行判斷，為0表示沒有陣列元素。但是這並不準確，或者說真實開發中有弊端。

let arr = [,,,,]


console.log(arr.length) // 5
上邊的**輸出了5，但是陣列中其實全是空值，這就是乙個坑啊。那用es6的in就可以解決這個問題。

let arr=[,,,,,];


console.log(0 in arr); //false


let arr1=['暴風女','黑豹'];


console.log(0 in arr1);  // true
注意：這裡的0指的是陣列下標位置是否為空。

1.foreach

let arr = ['鋼鐵俠','蜘蛛俠','美國隊長'];


arr.foreach(val, index) =>


console.log(index, val));
foreach迴圈的特點是會自動省略為空的陣列元素，相當於直接給我們篩空了。當是有時候也會給我們幫倒忙。

2.filter

let arr = ['鋼鐵俠','蜘蛛俠','美國隊長'];


arr.filter(x=>


console.log(x))
3.some

let arr = ['鋼鐵俠','蜘蛛俠','美國隊長'];


arr.some(x=>


console.log(x));
4.map

let arr = ['鋼鐵俠','蜘蛛俠','美國隊長'];


console.log(arr.map(x=>


'雷神')) // ['雷神','雷神','雷神']
map在這裡起到乙個替換的作用

在開發中我們經常會碰到把陣列輸出成字串的形式

join()方法

let arr = ['鋼鐵俠','蜘蛛俠','美國隊長'];


console.log(arr.join('|')) // 鋼鐵俠|蜘蛛俠|美國隊長
join()方法就是在陣列元素中間，加了一些間隔，開發中很有用處。

tostring()方法

let arr = ['鋼鐵俠','蜘蛛俠','美國隊長'];


console.log(arr.tostring()); // 鋼鐵俠,蜘蛛俠,美國隊長
轉換時只是是用逗號隔開了。

ES學習筆記 10 ES6中的函式和陣列補漏

直接把這個json格式資料當作引數，傳遞到函式內部進行處理 let json function fun fun json jie 傑let arr jie biao nine function fun a,b,c fun arr jie biao ninein是用來判斷物件或者陣列中是否存在某個值的...

es6陣列中的遍歷

我經常會運算元組，而且避免不了對每乙個欄位的操作，這樣就會用到遍歷,遍歷有好多種，今天我歸納一下經常會用到的幾個 1 foreach是乙個我們經常用的乙個 var name 張三 李四 王五 name.foreach function v,k 注意 jquery中each方法是反的，比如 name ...

es6中陣列的擴充套件

一 擴充套件運算子 的應用 1.轉成引數序列 2.複製陣列 const a1 1 2 const a2 a1.concat es5 const a3 a1 es6 const a4 a1 3.合併陣列 arr1,arr2,arr3 淺拷貝 4.解構賦值const first,rest 1,2,3,4...