Array

1.map()

[1,2,3,4].map(function(item, index, array){

  return  item * 2;

})

对数组中的每一项执行一次回调函数,三个参数依次为:数组中的每一项、每一项的下标、原数组。

map方法会改变原数组。

2.filter()

[1,22,3,14].filter(function(item, index, array){

  return  item >= 10;

})

对数组中的每一项执行一次回调函数,三个参数依次为:数组中的每一项、每一项的下标、原数组。

filter方法会新建一个数组存储满足条件的项,不会改变原数组

3.some()

var  result = [11, 13, 15, 17].some(function(item, index, array) {

  return  (item >= 20)  //判断数组中是否有大于等于20的项,只要有一个满足条件即返回true

})

4.every()

var  result = [11, 13, 15, 17].some(function(item, index, array) {

  return  (item >= 20)  //判断数组中的每一项是否大于等于20,只要有一个不满足条件即返回false

})

5.lastIndexOf()

var  index = [2,3,4,2].lastIndexOf('2');  //index = 3

返回给定项在数组中最后一次出现的位置

6.reduce()

var  sum = [1,2,3,4].reduce(function(result, current, index, array) {

  return   result + current;   //10 

})

对数组元素按照给定的规则累积运算,result为每次得到的结果,current为当前值

7.of()

  Array.of(1,2,3)   //输出[1,2,3]

8.from()  将类数组转化为数组

  常用去重 Array.from(new Set([1,2,2,1,4,3,5,3]))  //输出[1,2,3,4,5]

9.fill()

  [0,0,0].fill(11, 1)    //输出[0,11,11]

  第一个参数为填充的字符,第二个参数为起始填充下标

10.find()  用于找出第一个符合条件的数组成员,没有符合条件的成员则返回undefined

  ["a","2","b"].find((item)=> item == "2")

  接收一个回调函数,数组的每一项都会执行该回调,参数依次为当前项、当前项下标、原数组

Object

1.assign()

  var  obj1 = {"name": "yzf"}

  var  obj2 = {"age": "26"}

  var obj = Object.assign(obj1,obj2)   //输出{"name": "yzf","age": "26"}

上述为开发中常用到的api,es6其它开发中经常用到的新特性(箭头函数、解构复制、字符串模板、类、模块、Promise)自行了解。

ES6(es2015)新增实用方法汇总的更多相关文章

  1. 基于 es6 的 javascript 实用方法

    一.求数字数组的平均数 - 使用 数组的 reduce() 方法将每个值添加到累加器,初始值为0,总和除以数组长度. const average = arr => arr.reduce((acc ...

  2. ES6中新增字符串方法,字符串模板

    多了两个新方法 startsWith endsWith 返回的是一个Boolean值 let str='git://www.baidu.com/2123123'; if(str.startsWith( ...

  3. 你真的会玩SQL吗?实用函数方法汇总

    你真的会玩SQL吗?系列目录 你真的会玩SQL吗?之逻辑查询处理阶段 你真的会玩SQL吗?和平大使 内连接.外连接 你真的会玩SQL吗?三范式.数据完整性 你真的会玩SQL吗?查询指定节点及其所有父节 ...

  4. ES6新增对象方法的访问描述符:get(只读)、set(只写)

    Es6新增对象方法的访问描述符:get(只读).set(只写),可以直接使用,一般用于数据监听,用途类似于vue.$watch. var obj = { a:1, get bar() { return ...

  5. Python实用日期时间处理方法汇总

    这篇文章主要介绍了Python实用日期时间处理方法汇总,本文讲解了获取当前datetime.获取当天date.获取明天/前N天.获取当天开始和结束时间(00:00:00 23:59:59).获取两个d ...

  6. ES6中新增let命令使用方法

     在ES6中新增了let命令,该命令的用法与var 类似,但是所声明的变量只能在let命令所在的代码块(最接近let 命令的大括号内)中有效果.但是let 又有一些不同于var 的特性. 1.let定 ...

  7. ES6/ES2015核心内容

    ECMAScript定义了: JS语言语法 – 语法解析规则.关键字.语句.声明.运算符等. 类型 – 布尔型.数字.字符串.对象等. 原型和继承 内建对象和函数的标准库 – JSON.Math.数组 ...

  8. 30分钟掌握ES6/ES2015核心内容

    30分钟掌握ES6/ES2015核心内容   ECMAScript 6(以下简称ES6)是JavaScript语言的下一代标准.因为当前版本的ES6是在2015年发布的,所以又称ECMAScript ...

  9. JavaScript Array 数组方法汇总

    JavaScript Array 数组方法汇总 1. arr.push() 从后面添加元素,返回值为添加完后的数组的长度 var arr = [1,2,3,4,5] console.log(arr.p ...

随机推荐

  1. 百度地图api的用法

    功能: 1.点击"江干区",地图自动定位到该区域,并且该区域出现overlay(红色) 2.点击"派出所"."社区"级别时,地图也自动定位同 ...

  2. ubuntu16.04下安装chrome

    1.在终端中,输入以下命令: sudo wget http://www.linuxidc.com/files/repo/google-chrome.list -P /etc/apt/sources.l ...

  3. UVA850【简单模拟】

    题目:解密句子.有一些被加密的句子已知一条模板翻译,判断是否可以解密,可以的话将所有句子解密. #include <stdio.h> #include<iostream> #i ...

  4. 文本处理三剑客之sed

    sed 1.简介 sed是一种流编辑器,它一次处理一行内容.处理时,把当前处理的行存储在临时缓冲区中,称为"模式空间"(patternspace),接着用sed命令处理缓冲区中的内 ...

  5. python如何转换word格式、读取word内容、转成html

    # python如何转换word格式.读取word内容.转成html? import docx from win32com import client as wc # 首先将doc转换成docx wo ...

  6. 简述angular自定义过滤器在页面和控制器中的使用

    首先设置自定义过滤器. 定义模块名:angular ? 1 2 3 4 5 6 .module('myApp') .filter('filterName',function(){ return fun ...

  7. 开发一款APP所需要的时间

    "要多少钱""要多少时间"这应该是一个企业在打算开发一款APP时问到最多的问题了.的确,现在的人不管做什么事情都讲究计划,更何况在这个时间就是金钱的时代,企业如 ...

  8. java的继承性

    在java继承中,子类也称为派生类,父类也称为基类或者超类,基本语法 :子类 extends 父类{} 实现一个简单的继承类: class Person{ private String name; p ...

  9. [SDOI 2011]黑白棋

    Description 题库链接 给出一个 \(1\times n\) 的棋盘,棋盘上有 \(k\) 个棋子,一半是黑色,一半是白色.最左边是白色棋子,最右边是黑色棋子,相邻的棋子颜色不同. 小 \( ...

  10. 【luogu2161】【SHOI2009】Booking会场预约

    原题传送门 题意简析:你需要写一个数据结构,维护一个时间轴,支持如下操作: 1)插入1个新区间,删除所有时间轴上与它有交的区间并输出个数. 2)查询当前时间轴上的区间个数. 解题思路:裸的无旋trea ...