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

資訊專欄INFORMATION COLUMN

ES6 實(shí)踐當(dāng)中的小經(jīng)驗(yàn)

sunsmell / 2652人閱讀

摘要：解析賦值現(xiàn)假設(shè)有如下一個(gè)數(shù)據(jù)結(jié)果如下的兩種方式輸出的結(jié)果完全相同其實(shí)并不知道為什么兩種方式都支持，覺得就應(yīng)該是第二種方式才正統(tǒng)給數(shù)組擴(kuò)展了一個(gè)方法，使用方法如下所示也就是說它是給數(shù)組填充值但是如果填充的是引用類型的話，則事實(shí)上改變其中一個(gè)所

解析賦值
現(xiàn)假設(shè)有如下一個(gè)json數(shù)據(jù)

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

結(jié)果如下的兩種方式輸出的結(jié)果完全相同：

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]

其實(shí)并不知道為什么兩種方式都支持，覺得就應(yīng)該是第二種方式才正統(tǒng)

ES6給數(shù)組擴(kuò)展了一個(gè)fill方法，使用方法如下所示：

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

也就是說它是給數(shù)組填充值,但是如果填充的是引用類型的話，則事實(shí)上改變其中一個(gè)所有的都會(huì)改變
如下圖所示：

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

for in 遍歷的是數(shù)組的索引，而for of遍歷的是數(shù)組的元素值

所以在循環(huán)數(shù)組的話用for of會(huì)更加方便一些

Array.from是將類似數(shù)組對象（部署了Iterator接口的數(shù)據(jù)結(jié)構(gòu)，比如字符串和Set結(jié)構(gòu)）轉(zhuǎn)化為真正的數(shù)組，但是Array.from還接受第二個(gè)參數(shù)，作用類似于map方法用來對每個(gè)元素進(jìn)行處理，將處理后的值放入返回的數(shù)組

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

數(shù)組合并

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

數(shù)組求最大值

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

擴(kuò)展運(yùn)算符還可以替代Object.assign

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

去除數(shù)組重量的值

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));
}

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/83955.html

相關(guān)文章

  • 【搶先領(lǐng)】《React 學(xué)習(xí)之道》我們翻譯了一本最簡單，且最實(shí)用的 React 實(shí)戰(zhàn)教程……

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

    oneasp 評論0 收藏0

  • HTML5行業(yè)現(xiàn)狀與未來 - 2016年終大盤點(diǎn)

    摘要：行業(yè)現(xiàn)狀與未來年終大盤點(diǎn)大幅動(dòng)蕩后，即將進(jìn)入平穩(wěn)期前端，在年及以前，一直處于一種萌芽期的狀態(tài)當(dāng)中，直至年才進(jìn)入行業(yè)的成長期。 HTML5行業(yè)現(xiàn)狀與未來 - 2016年終大盤點(diǎn) 1. 大幅動(dòng)蕩后，即將進(jìn)入平穩(wěn)期 HTML5（WEB前端），在2012年及以前，一直處于一種萌芽期的狀態(tài)當(dāng)中，直至2013年才進(jìn)入行業(yè)的成長期。HTML5（WEB前端）在2013和2014年，隨著行業(yè)的推動(dòng)慢慢的...

    mmy123456 評論0 收藏0

  • HTML5行業(yè)現(xiàn)狀與未來 - 2016年終大盤點(diǎn)

    摘要：行業(yè)現(xiàn)狀與未來年終大盤點(diǎn)大幅動(dòng)蕩后，即將進(jìn)入平穩(wěn)期前端，在年及以前，一直處于一種萌芽期的狀態(tài)當(dāng)中，直至年才進(jìn)入行業(yè)的成長期。 HTML5行業(yè)現(xiàn)狀與未來 - 2016年終大盤點(diǎn) 1. 大幅動(dòng)蕩后，即將進(jìn)入平穩(wěn)期 HTML5（WEB前端），在2012年及以前，一直處于一種萌芽期的狀態(tài)當(dāng)中，直至2013年才進(jìn)入行業(yè)的成長期。HTML5（WEB前端）在2013和2014年，隨著行業(yè)的推動(dòng)慢慢的...

    zone 評論0 收藏0

  • HTML5行業(yè)現(xiàn)狀與未來 - 2016年終大盤點(diǎn)

    摘要：行業(yè)現(xiàn)狀與未來年終大盤點(diǎn)大幅動(dòng)蕩后，即將進(jìn)入平穩(wěn)期前端，在年及以前，一直處于一種萌芽期的狀態(tài)當(dāng)中，直至年才進(jìn)入行業(yè)的成長期。 HTML5行業(yè)現(xiàn)狀與未來 - 2016年終大盤點(diǎn) 1. 大幅動(dòng)蕩后，即將進(jìn)入平穩(wěn)期 HTML5（WEB前端），在2012年及以前，一直處于一種萌芽期的狀態(tài)當(dāng)中，直至2013年才進(jìn)入行業(yè)的成長期。HTML5（WEB前端）在2013和2014年，隨著行業(yè)的推動(dòng)慢慢的...

    UsherChen 評論0 收藏0

發(fā)表評論

0條評論

最新活動(dòng)
閱讀需要支付1元查看
<