国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

ES6 實踐當中的小經驗

sunsmell / 2658人閱讀

摘要:解析賦值現假設有如下一個數據結果如下的兩種方式輸出的結果完全相同其實并不知道為什么兩種方式都支持,覺得就應該是第二種方式才正統給數組擴展了一個方法,使用方法如下所示也就是說它是給數組填充值但是如果填充的是引用類型的話,則事實上改變其中一個所

解析賦值
現假設有如下一個json數據

var jsonData = {
  id: 42,
  status: "OK",
  data: [867, 5309]
};

結果如下的兩種方式輸出的結果完全相同:

let { id, status, data: number } = jsonData;

console.log(id, status, number); // 42, "OK", [867, 5309]
let { id, status, data } = jsonData;

console.log(id, status, data); // 42, "OK", [867, 5309]

其實并不知道為什么兩種方式都支持,覺得就應該是第二種方式才正統

ES6給數組擴展了一個fill方法,使用方法如下所示:

["a", "b", "c"].fill(7)
// [7, 7, 7]

也就是說它是給數組填充值,但是如果填充的是引用類型的話,則事實上改變其中一個所有的都會改變
如下圖所示:

ES6新增了for of運算,原先有了for in運算,為什么又增加for of運算,那來看看它倆之間的區別
在使用for in循環數組,for in會遍歷數組所有可枚舉屬性,包括原型鏈上的,所以for in更適合遍歷對象,不要使用for in遍歷數組

for in 遍歷的是數組的索引,而for of遍歷的是數組的元素值

所以在循環數組的話用for of會更加方便一些

Array.from是將類似數組對象(部署了Iterator接口的數據結構,比如字符串和Set結構)轉化為真正的數組,但是Array.from還接受第二個參數,作用類似于map方法用來對每個元素進行處理,將處理后的值放入返回的數組

console.log(Array.from([1, 2, 3], (x) => x * x));

數組合并

var arr1 = [0, 1, 2];
var arr2 = [3, 4, 5];
arr1.push(...arr2);
console.log(arr1); // 0,1,2,3,4,5

數組求最大值

console.log(Math.max(...[14, 3, 77]))

擴展運算符還可以替代Object.assign

let ab = { ...a, ...b }; //這句話跟下面的同樣作用
let ab = Object.assign({}, a, b);

去除數組重量的值

var arrs = [1, 2, 3, 1, 3, 4];
console.log([...new Set(arrs)]); // [1, 2, 3, 4]

另一種方法去重:

function unique(array) {
  return Array.from(new Set(array));
}

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/83955.html

相關文章

  • 【搶先領】《React 學習之道》我們翻譯了一本最簡單,且最實用的 React 實戰教程……

    摘要:學習之道簡體中文版通往實戰大師之旅掌握最簡單,且最實用的教程。前言學習之道這本書使用路線圖中的精華部分用于傳授,并將其融入一個獨具吸引力的真實世界的具體代碼實現。完美展現了的優雅。膜拜的學習之道是必讀的一本書。 《React 學習之道》The Road to learn React (簡體中文版) 通往 React 實戰大師之旅:掌握 React 最簡單,且最實用的教程。 showIm...

    oneasp 評論0 收藏0
  • HTML5行業現狀與未來 - 2016年終大盤點

    摘要:行業現狀與未來年終大盤點大幅動蕩后,即將進入平穩期前端,在年及以前,一直處于一種萌芽期的狀態當中,直至年才進入行業的成長期。 HTML5行業現狀與未來 - 2016年終大盤點 1. 大幅動蕩后,即將進入平穩期 HTML5(WEB前端),在2012年及以前,一直處于一種萌芽期的狀態當中,直至2013年才進入行業的成長期。HTML5(WEB前端)在2013和2014年,隨著行業的推動慢慢的...

    mmy123456 評論0 收藏0
  • HTML5行業現狀與未來 - 2016年終大盤點

    摘要:行業現狀與未來年終大盤點大幅動蕩后,即將進入平穩期前端,在年及以前,一直處于一種萌芽期的狀態當中,直至年才進入行業的成長期。 HTML5行業現狀與未來 - 2016年終大盤點 1. 大幅動蕩后,即將進入平穩期 HTML5(WEB前端),在2012年及以前,一直處于一種萌芽期的狀態當中,直至2013年才進入行業的成長期。HTML5(WEB前端)在2013和2014年,隨著行業的推動慢慢的...

    zone 評論0 收藏0
  • HTML5行業現狀與未來 - 2016年終大盤點

    摘要:行業現狀與未來年終大盤點大幅動蕩后,即將進入平穩期前端,在年及以前,一直處于一種萌芽期的狀態當中,直至年才進入行業的成長期。 HTML5行業現狀與未來 - 2016年終大盤點 1. 大幅動蕩后,即將進入平穩期 HTML5(WEB前端),在2012年及以前,一直處于一種萌芽期的狀態當中,直至2013年才進入行業的成長期。HTML5(WEB前端)在2013和2014年,隨著行業的推動慢慢的...

    UsherChen 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<