ES6中，常用的數組方法

skinner 發(fā)布于2019-08-23 12:15 / 2424人閱讀

摘要：指數組后，返回新數組通過函數測試的所有元素。不包括終止索引空數組的初始化比較方便和測試數組中所有元素是否都通過了指定函數的測試測試數組中是否至少有一項元素通過了指定函數的測試

1.filter

filter：“過濾”、“篩選”。指數組filter后，返回新數組(通過callback函數測試的所有元素)。

var a1 = ["a", 10, "b", 20, "c", 30];
var a2 = a1.filter(function(item) {
            //callback必須返回true或者false，返回true保留該元素，false不保留。
             return typeof item === "number";
          });
console.log(a2); // [10,20,30]

2.map
map:方法返回一個由原數組中的每個元素調用一個指定方法后的返回值組成的新數組.
不修改調用的原數組

var a = [1, 2, 3, 4, 5]
var b = a.map((
        return item + 1;
    });
console.log(b);   // [2, 3, 4, 5, 6]
var b2 = a.map((item) => {
      if(item >3){
        return item;
      }
  });
console.log(b2);   // [undefined, undefined, undefined, 4, 5]

3.forEach
簡單來說，就是遍歷數組元素

var a = [1, 2, 3, 4, 5];

var b = [];
a.forEach((item) => {
    b.push(item + 1);
});
console.log(b); // [2,3,4,5,6]

4.fill
fill: 使用給定值，填充一個數組從起始索引到終止索引內的全部元素。(不包括終止索引)
空數組的初始化比較方便

var a = [1, 2, 3].fill(6);
console.log(a);// [6, 6, 6]

var b = new Array(6).fill(9);
console.log(b);// [9, 9, 9, 9, 9, 9]

var b = b.fill(1, 1);
console.log(b);// [9, 1, 1, 1, 1, 1]

var b = b.fill(6, 1, 3);
console.log(b);// [9, 6, 6, 1, 1, 1]

5.every 和 some
every測試數組中所有元素是否都通過了指定函數的測試
some測試數組中是否至少有一項元素通過了指定函數的測試

 var a = [1, 2, 3, 4];
  var bb = a.every((item) => {
      return item > 2;
  });

  console.log(bb); // false
  var cc = a.some((item) => {
      return item > 2;
  });
  console.log(cc);// true

云服務器 GPU云服務器 jquery常用的方法常用的數據統(tǒng)計方法常用的數據挖掘方法數據分析的常用方法

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

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

[ ES6 ] 快速掌握常用 ES6 （二）

摘要：本系列文章適合快速掌握入門語法，想深入學習的小伙伴可以看看阮一峰老師的入門本篇文章是對之前文章的一個補充，可以使代碼更簡潔函數參數默認值在傳統(tǒng)語法中如果想設置函數默認值一般我們采用判斷的形式在新的語法中我們可以在參數聲明的同時賦予默認值參數本系列文章適合快速掌握 ES6 入門語法，想深入學習 ES6 的小伙伴可以看看阮一峰老師的《ECMAScript 6 入門》本篇文章是對之前文章...

hidogs 2019-08-23 14:07 評論0 收藏0
工作中常用es6+特性

摘要：結合工作中使用情況，簡單對進行一些復習總結，包括常用的語法，等，以及短時間內要上手需要重點學習的知識點不同工作環(huán)境可能有一些差別，主要參考鏈接是阮一峰的博客以及外文博客阮老師大部分文章是直接翻譯的這個博客簡介先說一下，是一個標準化組織，他們結合工作中使用情況，簡單對es6進行一些復習總結，包括常用的語法，api等，以及短時間內要上手需要重點學習的知識點（不同工作環(huán)境可能有一些差別），...

xcold 2019-08-23 18:39 評論0 收藏0
javascript中常用的數組操作方法(是否改變原始數組)

摘要：方法返回在數組中可以找到一個給定元素的第一個索引，如果不存在，則返回。方法用來判斷一個數組是否包含一個指定的值，根據情況，如果包含則返回，否則返回。改變原始數組的操作方法： push：向數組末尾添加元素，并返回新的長度 pop：刪除最后一個并返回刪除的元素 unshift：向數組開頭添加元素，并返回新的長度 shift：將第一個元素刪除并且返回刪除元素，空即為undefined r...

silencezwm 2019-08-22 17:30 評論0 收藏0
新手開發(fā)中常用ES6基礎知識總結

摘要：感覺對我這種沒實習沒工作的新手，雖然一些高級的功能暫時用不上，但是一些基礎的知識還是為平時的開發(fā)提供了巨大的便利。學習告一段落，現在結合平時的開發(fā)，總結一些常用的知識。日常開發(fā)中，塊級作用域中使用的變量，盡量使用或者聲明。使用時，進行合并。很早之前就學過TypeScript和ES6，后來做項目的時候零零散散用了些。這幾天又系統(tǒng)地把ES6的知識看了一遍。感覺對我這種沒實習沒工作的新手，...

Paul_King 2019-08-21 11:51 評論0 收藏0
ES6常用數據方法總結

摘要：以上個方法及以上才支持。不過可以通過轉義支持低版本。以上均不改變原數組。讓數組的前后兩項進行某種計算，返回最終操作的結果。 1. forEach() let array = [1,2,3,4]; array.forEach((item, index, array) => { 　　console.log(item); }); forEach會遍歷數組, 沒有返回值, 不允許在循環(huán)體內寫r...

gitmilk 2019-08-23 11:38 評論0 收藏0