ES6(es2015)新增实用方法汇总
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)新增实用方法汇总的更多相关文章
- 基于 es6 的 javascript 实用方法
一.求数字数组的平均数 - 使用 数组的 reduce() 方法将每个值添加到累加器,初始值为0,总和除以数组长度. const average = arr => arr.reduce((acc ...
- ES6中新增字符串方法,字符串模板
多了两个新方法 startsWith endsWith 返回的是一个Boolean值 let str='git://www.baidu.com/2123123'; if(str.startsWith( ...
- 你真的会玩SQL吗?实用函数方法汇总
你真的会玩SQL吗?系列目录 你真的会玩SQL吗?之逻辑查询处理阶段 你真的会玩SQL吗?和平大使 内连接.外连接 你真的会玩SQL吗?三范式.数据完整性 你真的会玩SQL吗?查询指定节点及其所有父节 ...
- ES6新增对象方法的访问描述符:get(只读)、set(只写)
Es6新增对象方法的访问描述符:get(只读).set(只写),可以直接使用,一般用于数据监听,用途类似于vue.$watch. var obj = { a:1, get bar() { return ...
- Python实用日期时间处理方法汇总
这篇文章主要介绍了Python实用日期时间处理方法汇总,本文讲解了获取当前datetime.获取当天date.获取明天/前N天.获取当天开始和结束时间(00:00:00 23:59:59).获取两个d ...
- ES6中新增let命令使用方法
在ES6中新增了let命令,该命令的用法与var 类似,但是所声明的变量只能在let命令所在的代码块(最接近let 命令的大括号内)中有效果.但是let 又有一些不同于var 的特性. 1.let定 ...
- ES6/ES2015核心内容
ECMAScript定义了: JS语言语法 – 语法解析规则.关键字.语句.声明.运算符等. 类型 – 布尔型.数字.字符串.对象等. 原型和继承 内建对象和函数的标准库 – JSON.Math.数组 ...
- 30分钟掌握ES6/ES2015核心内容
30分钟掌握ES6/ES2015核心内容 ECMAScript 6(以下简称ES6)是JavaScript语言的下一代标准.因为当前版本的ES6是在2015年发布的,所以又称ECMAScript ...
- JavaScript Array 数组方法汇总
JavaScript Array 数组方法汇总 1. arr.push() 从后面添加元素,返回值为添加完后的数组的长度 var arr = [1,2,3,4,5] console.log(arr.p ...
随机推荐
- 记一次将公司网站http换成https
看了博客园将近一年了,一直都只是在被动的看,总觉得应该写点什么,但是又不知道该写点什么.今天正好公司要把网站由http换成https,那我就顺便记录一下吧. 由于之前没有弄过,所以就面向百度编程. 首 ...
- 赛码网算法: 军训队列( python实现 )
军训队列 题目描述某大学开学进行军训队列训练,将学生从一开始按顺序依次编号,并排成一行横队,训练的规则如下:从头开始一至二报数,凡报到二的出列剩下的依次向前靠拢,再从头开始进行一至三报数,凡报到三的出 ...
- 基于JWT标准的用户认证接口实现
前面的话 实现用户登录认证的方式常见的有两种:一种是基于 cookie 的认证,另外一种是基于 token 的认证 .本文以基于cookie的认证为参照,详细介绍JWT标准,并实现基于该标签的用户认证 ...
- API之实用工具Postman 使用方法
测试接口与文档信息文件 Postman 安装与入门教程 下载与安装 官方网站:www.getpostman.com 下载完成后,直接安装 输入2次邮箱,密码,即可注册并登陆! 开发者使用: 创建文件夹 ...
- Java:List集合内的对象进行排序
List集合中的对象进行排序,除了for外,还有java的Collections对象来对摸个集合进行排序的用法. 比如说我有一个List集合,集合元素为: public class TaskAutoE ...
- Oracle数据库(3-7)
显式游标使用主要有四个步骤: 声明/定义游标打开游标读取数据关闭游标 CASE 条件表达式 WHEN 条件表达式结果1 THEN 语句1 WHEN 条件表达式结果2 THEN 语句2 ...... W ...
- iframe 里的高度自适应
由于公司里的很多东西都要用到iframe 导致我不得不各种百度 首先是自适应高度 // document.domain = "caibaojian.com"; function s ...
- python读取excel时,数字自动转化为float
xlrd模块去读excel时会将数字类型的自动转化为浮点数,这是一个小坑.在网上查了一下,该模块的作者也说过Excel treats all numbers as floats. In general ...
- [ZJOI2008]生日聚会
题目描述 今天是hidadz小朋友的生日,她邀请了许多朋友来参加她的生日party. hidadz带着朋友们来到花园中,打算坐成一排玩游戏.为了游戏不至于无聊,就座的方案应满足如下条件: 对于任意连续 ...
- [矩形并-扫描线-线段树]Picture
最近在补数学和几何,没啥好写的,因为已经决定每天至少写一篇了,今天随便拿个题水水. 题目大意:给你N个边平行于坐标轴的矩形,求它们并的周长.(N<=5000) 思路:这个数据范围瞎暴力就过了,但 ...