一些ES6新姿勢

Yujiaao 發(fā)布于2019-08-21 17:01 / 3456人閱讀

摘要：原文對象屬性分配在處理對象的時(shí)候，你可能需要把多個對象合在一起，新的函數(shù)可以簡潔地做到這件事。對象合并我們的目標(biāo)是把行的對象合并為一個對象。需要注意的是只返回符合要求的第一個元素。行是返回第一個找到元素的索引，沒有對應(yīng)方法。

原文: Javascript ES6?—?Exploring the New Built-In Methods

對象屬性分配

在處理對象的時(shí)候，你可能需要把多個對象合在一起，新的 Object.assign()函數(shù)可以簡潔地做到這件事。

對象合并

我們的目標(biāo)是把2-4行的對象合并為一個對象。ES5的話你需要循環(huán)幾個對象然后把屬性賦值到目標(biāo)對象，但是在ES6你只需要一行代碼（15行）。
合并有相同屬性的對象會發(fā)生什么情況？請看↓

合并有相同屬性的對象

你也可以用 Object.assign()來克隆對象

查找數(shù)組元素

對于數(shù)組我們經(jīng)常會查找其中是否有某個元素，在ES6有兩個數(shù)組的新方法find()和findIndex()。需要注意的是find()只返回符合要求的第一個元素。那么我們看看ES6的新方法和相同效果在ES5怎么寫。

第7行和12行想過一樣，12行的ES6版看起來就簡單很多。14行是返回第一個找到元素的索引，ES5沒有對應(yīng)方法。

字符串重復(fù)

ES6新增String.repeat()

字符串查找

ES6有三個新方法幫助開發(fā)者在字符串中查找關(guān)鍵字，分別是String. startsWith()、endsWith()、includes()。我十分喜歡這幾個方法，真是受夠用低效還容易出錯的indexOf()了。

Number類型檢查

檢查有限數(shù)的方法Number.isFinite()，以及檢查NaN的方法Number.isNaN()

有兩點(diǎn)需要注意：

Number.isNaN()和全局的isNaN()的區(qū)別，請點(diǎn)擊這里和這里

無限實(shí)際上不是真正的無限，而是一個代表無限的值。實(shí)際上這個值是1.797693134862315E+308。負(fù)無限則是-1.797693134862315E+308。

判定數(shù)值正負(fù)

Math.sign(),結(jié)果包括NaN和-0。

GPU云服務(wù)器云服務(wù)器 es6新特性 es6的新特性拍照姿勢正確姿勢

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

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

相關(guān)文章

Babel 7 轉(zhuǎn)碼的正確姿勢

摘要：轉(zhuǎn)碼的配置是每位前端童鞋在日常工作中都會遇到的。簡單點(diǎn)來說就是在轉(zhuǎn)碼過程中，對于一些新語法，都會抽象一個個小的函數(shù)，在轉(zhuǎn)碼過程中完成替換。以上即是我總結(jié)的轉(zhuǎn)碼姿勢，如果對本篇有疑問或建議，歡迎在這里提出。 Babel 轉(zhuǎn)碼的配置是每位前端童鞋在日常工作中都會遇到的。剛開始我也是在網(wǎng)上搜索各種配置方法，升級到 Babel 7 的時(shí)候又折騰了一把，所以決定把自己的心得和理解記錄下來，希望能...

JohnLui 2019-08-26 14:01 評論0 收藏0
這一次，我們換種姿勢學(xué)習(xí) javascript

摘要：操作符或調(diào)用函數(shù)時(shí)傳入?yún)?shù)的操作都會導(dǎo)致關(guān)聯(lián)作用域的賦值操作。此外可以使用和來設(shè)置對象及其屬性的不可變性級別。忽視這一點(diǎn)會導(dǎo)致許多問題。使用調(diào)用函數(shù)時(shí)會把新對象的屬性關(guān)聯(lián)到其他對象。前言《你不知道的 javascript》是一個前端學(xué)習(xí)必讀的系列，讓不求甚解的JavaScript開發(fā)者迎難而上，深入語言內(nèi)部，弄清楚JavaScript每一個零部件的用途。本書介紹了該系列的兩個主題：...

zone 2019-08-26 11:54 評論0 收藏0
數(shù)組去重的正確編寫姿勢

摘要：引言數(shù)組去重是前端面試的一個必備題目，其具體表現(xiàn)內(nèi)容為怎樣去掉的的重復(fù)項(xiàng)。一般姿勢使用數(shù)組的方法可以很簡單的達(dá)到目的。所以這算是委曲求全的一種中庸姿勢。改編自劉春龍博客中的文章中數(shù)組去重問題引言數(shù)組去重是前端面試的一個必備題目，其具體表現(xiàn)內(nèi)容為：怎樣去掉Javascript的Array的重復(fù)項(xiàng)。問題簡單直接，咱們也廢話不多說，直入主題吧。一般姿勢使用數(shù)組的indexOf()方法...

G9YH 2019-08-21 10:47 評論0 收藏0
React中元素與組件的區(qū)別

摘要：組件中有三種構(gòu)建組件的方式。元素與組件的區(qū)別組件是由元素構(gòu)成的。元素?cái)?shù)據(jù)結(jié)構(gòu)是普通對象，而組件數(shù)據(jù)結(jié)構(gòu)是類或純函數(shù)。使用才是操作元素的正確姿勢。使用元素可以讓用戶傳入自定義組件的同時(shí)，為組件添加屬性。在初學(xué) React 的時(shí)候，分不清 React 組件和 React 元素，著實(shí)踩了一些坑。搞清楚 React 中什么是組件，什么是元素，既可以理清楚概念，也可以讓你避免一些不必要的錯誤。...

lifesimple 2019-08-20 14:49 評論0 收藏0
如何在ES5與ES6環(huán)境下處理函數(shù)默認(rèn)參數(shù)

摘要：函數(shù)默認(rèn)值是一個很提高魯棒性的東西就是讓程序更健壯關(guān)于函數(shù)默認(rèn)參數(shù)的描述函數(shù)默認(rèn)參數(shù)允許在沒有值或被傳入時(shí)使用默認(rèn)形參。也就實(shí)現(xiàn)了上邊三元運(yùn)算符的功能。直接使用這種方式，省去了在函數(shù)內(nèi)部進(jìn)行默認(rèn)值的檢查，能夠讓函數(shù)專注的做它應(yīng)該做的事情。函數(shù)默認(rèn)值是一個很提高魯棒性的東西（就是讓程序更健壯）MDN關(guān)于函數(shù)默認(rèn)參數(shù)的描述：函數(shù)默認(rèn)參數(shù)允許在沒有值或undefined被傳入時(shí)使用默認(rèn)形參...

oliverhuang 2019-08-22 17:10 評論0 收藏0