這一節，我們就來學習ES7的第一個新特性：數組中includes特性。

在講解它之前，我們來回憶一下。以前，我們要檢測一個數組中是否包含某個元素，你可以使用??indexOf( )?函數。

?

1.傳統實現方式

但我們知道，?indexOf( )?的返回結果頗為尷尬，它不會直接告訴你數組中是否包含了指定的元素，而是返回數組。當數組包含指定元素的時候，就會返回該元素所在的位置，否則，返回：-1。

因此，我們不得不去多做一層判斷：

?//以前的實現方式
?let arr = ['hi','hello'];

?//判斷結果是否等于 -1
?if(arr.indexOf('hi') === -1){
? ?? console.log('不包含');
?}else{
? ?? console.log('包含');
?}
?//結果：包含

2.ES7的includes特性

如今在ES7中，我們可以使用includes新特性來直接判斷，使用方式很簡單，如下：

?//ES7寫法
?let arr = ['hi','hello'];

?arr.includes('hello'); //true
?arr.includes('hello world'); //false

?includes( )?方法會返回布爾值：true或者false，方便你用于做判斷。

3.在字符串中使用

此外，除了在數組中使用includes，你也可以用在字符串中使用。

?//ES7寫法
?let words = 'hello world';

?if(words.includes('hello')){
??? console.log('包含');
?}else{
??? console.log('不包含');
?}

?includes( )?方法在數組和字符串中的用法一樣，十分簡單。有了這個新特性，我們在實現相關功能的時候，代碼會更加簡潔和優雅。

4.小結?

includes新特性增強了可讀性語義化，給開發者返回布爾值來判斷匹配元素是否存在，而不是匹配的位置。掌握ES7新增的includes新特性的使用方式，了解它的適用場景。

下一節，我們來學習ES7中另一個新特性：Exponentiation Operator(求冥運算) 。

熱門文章

原創教程

?原創教程：《ECMAScript 6 教程》

?附加習題：《ECMAScript 6 教程》測試題

?原創教程：《Vue2.0基礎教程》

?原創教程：《Vue2.0進階教程》

?附加習題：《Vue2.0基礎教程》測試題

趣味職場

?職場感悟：混口飯吃，談不上喜歡

?感到迷茫：我很努力，但依然很迷茫

?薪資待遇：那么點工資，能招到人嗎？

?培訓出身：我是一個培訓出身的程序員

?培訓費用：花1.8萬參加前端培訓，值嗎？

?培訓簡歷：簡歷包裝成1-2年經驗，咋辦？

?搞笑黑話：互聯網公司黑話，搞笑到爆

?職業自由：程序員職業自由的6個階段

?職場形象：在別人眼里，程序員是這樣的

我是一條分割線

總結

以上是生活随笔為你收集整理的第二节：ES7 新增的 includes 特性的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。