美文网首页
ES6中的数组常用方法

ES6中的数组常用方法

作者: EasonChan94 | 来源:发表于2019-01-03 14:42 被阅读0次

Array.isArray(监测该对象是否为数组)

用法:Array.isArray(arr)
返回值:Boolean

var arr = [],obj = {};
console.log(Array.isArray(arr)); // true
console.log(Array.isArray(obj)); // false

filter(返回新数组,不会改变原数组,不会对空数组进行检测,只能做筛选,此方法会遍历完数组)

用法:Array.filter

var arr = [1,2,3,4];
var newArr = arr.filter( (item, index) => {
  return item % 2;
});
console.log(newArr); // [1,3];

find(返回新数组,不会改变原数组,不会对空数组进行检测,只能做筛选,此方法满足条件立即跳出)

var arr = [1,2,3,4];
var newArr = arr.filter( (item, index) => {
  return item === 1;
});
console.log(newArr); // [1];

reduce、reduceRight(对数组中的每个元素(从左到右或从右到左)执行callback函数累加,将其减少为单个值。)

元素相加

var arr = [1,2,3,4];
var newArr = arr.reduce((sum, value) => {
  return sum + value;
},0);
console.log(newArr); // 10

合并数组

const concatArr = [[0, 1], [2, 3], [4, 5]].reduce((a, b) => {
  return a.concat(b);
}, []); // [0, 1, 2, 3, 4, 5]

数组去重

var obj = {};
let personList = [
  {id: 0, name: "小明"},
  {id: 1, name: "小红"},
  {id: 2, name: "小白"},
  {id: 3, name: "小白"},
  {id: 1, name: "小明"},
  {id: 2, name: "小红"},
];
personList = personList.reduce((cur,next) => {
  obj[next.id] ? "" : obj[next.id] = true && cur.push(next);
  return cur;
},[]);
console.log(personList);

map (返回新数组,不会改变原数组,可以在原有数据基础上做运算)

var arr = [1,2,3,4];
var newArr = arr.map( (item, index) => {
  return item + 1;
});
console.log(newArr); // [2,3,4,5];

Array.every(检测数组中的每一个元素是否都通过了callback测试,全部通过返回true,否则返回false。)

var arr = [1,2,3,4];
var arr1 = [1,2,3,"4"];
var newArr = arr.every((item) => {
  return typeof item === "number";
});
var newArr1 =  arr1.every((item) => {
  return typeof item === "number";
});
console.log(newArr);  // true
console.log(newArr1);  // false

相关文章

  • 数组去重

    1.利用ES6 Set去重(ES6中最常用) 2.它是最简单的数组去重方法(indexOf方法) 3.优化遍历数组...

  • ES6中的数组方法扩展

    上一篇文章小编简单介绍了在ES6中,一些常用的方法和一些简单的应用,在这篇文章中,小编将针对ES6中数组常用方法进...

  • 必看!!!数组常用的方法(ES6)

    ES6核心特性(三)----细说数组常用的方法 前言 本文主要介绍数组常见遍历方法:forEach、map、fil...

  • JavaScript常用数组操作方法,包含ES6方法

    JavaScript常用数组操作方法,包含ES6方法 //数组转json串 var arr = [1,2,3, {...

  • 数组去重的几种方法

    数组去重的几种方法 ES6 Set去重(ES6常用) -不修改原数组 不考虑兼容性,这种去重的方法代码最少。这种方...

  • 数组去重

    分类 非对象数组去重 对象数组去重 分类一 --- 非对象数组去重 方法一: set(es6常用) 方法二:red...

  • web前端面试题@十二(数组去重,数组扁平化)

    一、数组去重 1、利用ES6 Set去重(ES6中最常用) 不考虑兼容性,这种去重的方法代码最少。这种方法还无法去...

  • 数组的常用方法

    数组的常用方法 1. ES6: Array.of() Array.of() 方法创建一个具有可变数量参数的新数组实...

  • js常用数组处理方法

    Array常用方法: 1、改变原数组 2、不改变原数组 3、Es5新增 4、Es6新增方法7个

  • 2018-08-22

    es6中数组的几种循环 对于数组循环,之前我们常用的方式就是:for,while等语法。但是在es6中我们可以尝试...

网友评论

      本文标题:ES6中的数组常用方法

      本文链接:https://www.haomeiwen.com/subject/pupfrqtx.html