es6几个新增语法的使用----数组
//数组的累加方法
let arr=[1,2,3];
let sum=arr.reduce((prev,cur)=>{
return prev+cur;
})
console.log(sum)//----6
//阶乘2的2次方的3次方
let arr=[2,2,3];
let sum=arr.reduce((prev,cur)=>{
return Math.pow(prev,cur);
})
console.log(sum)//-----64
//阶乘2的2次方的3次方 es6方法
let arr=[2,2,3];
let sum=arr.reduce((prev,cur)=>{
return prev**cur;
})
console.log(sum)//-----64
let arr=["a","1",5,8,"l"];
for(let i of arr){
console.log(i)//输出数组的每一项
}
let arr=["a","1",5,8,"l"];
for(let i of arr.keys()){
console.log(i)//输出数组的每一项下标
}
let arr=["a","1",5,8,"l"];
for(let i of arr.entries()){//for of万能循坏法
console.log(i)//输出数组的每一项下标和每一项
let [a,b]=i;//es6的结构赋值
console.log(a,b)//a是数组的每一项下标 b是每一项
}
//查找数组中第一个符合条件的数
let arr=[5,8,6,3];
let a=arr.find((item,index,arr1)=>{//使用方法类似于高阶函数
return item>5
});
console.log(a)//----8 输出第一个满足条件的数
//数组的填充
let arr=new Array(10);
arr.fill("玉麟",1,5)//只写一个参数的话默认全部填充
console.log(arr)//[empty, "玉麟", "玉麟", "玉麟", "玉麟", empty × 5]
//数组的另一种查找 字符串也可以使用类似于字符串中indexOf
let arr=[65,2,6,3,5,1];
console.log(arr.includes(658))//返回布尔值
//第二种把数组拆分开
let arr=[1,2,3];
console.log(...arr)//1 2 3
//可以应用在函数传参方面
//第三种json数据拷贝
let json=[{"a":"1"},{"b":"2"}];
let newJson=[...json];
json.push({"c":"3"})
console.log(json,newJson)
//个人觉得可以代替深拷贝 毕竟封装深拷贝太麻烦嘻嘻
es6几个新增语法的使用----数组的更多相关文章
- ECMAScript简介以及es6新增语法
ECMAScript简介 ECMAScript与JavaScript的关系 ECMAScript是JavaScript语言的国际化标准,JavaScript是ECMAScript的实现.(前者是后者的 ...
- 面向对象编程-终结篇 es6新增语法
各位,各位,终于把js完成了一个段落了,这次的章节一过我还没确定下面要学的内容可能是vue也可能是前后端交互,但无论是哪个都挺兴奋的,因为面临着终于可以做点看得过去的大点的案例项目了,先憋住激动地情绪 ...
- JavaScript语法基础:数组的常用方法详解
本文最初发表于博客园,并在GitHub上持续更新前端的系列文章.欢迎在GitHub上关注我,一起入门和进阶前端. 以下是正文. 数组的定义 之前学习的数据类型,只能存储一个值(字符串为一个值).如果我 ...
- ES6(函数新增特性)
ES6(函数新增特性) 1.函数参数默认值 没有 y 时,默认就是world 有 y 时,输出值即可 (错误) (C有默认值,正确) 默认值后面不能再有没有默认值的变量 2.作用域 y 取其前面的 x ...
- Javascript——ES6( ECMAScript 6.0)语法
ES6( ECMAScript 6.0)语法 一.let/const与var的区别 var 会进行预解析,let/const不会 var可以声明两个重名的变量,let/const不能 var没有块级作 ...
- ES6新增语法和内置对象(let,const, Array/String/Set 扩展方法(解构赋值,箭头函数,剩余参数))
1.let ES6中新增的用于声明变量的关键字. let 声明的变量只在所处于的块级有效. 注意:使用 let 关键字声明的变量才具有块级作用域,var 关键字是不具备这个特点的. 1. 防止循环变量 ...
- 【ES6新增语法详述】
目录 1. 变量的定义 let const 2. 模版字符串 3. 数据解构 4. 函数扩展 设置默认值 箭头函数 5. 类的定义 class 6. 对象的单体模式 "@ ES6新增了关于变 ...
- ES6新增语法(一)——let、const、var的区别
ES6简介 ES6是ECMAScript 6.0的简称,是javascript语言的下一代标准,已经在2015年6月正式发布上线.目的就是为了统一javascript的语法标准,可以用来开发大型应用程 ...
- ES6新增语法(二)——函数和参数
箭头函数 箭头函数:将原来函数的function关键字和函数名都删掉,并使用"=>"连接参数列表和函数体. 箭头函数语法: (参数1,参数2)=>{ 函数体 } 注意点 ...
随机推荐
- 获取css样式,style、getComputedStyle及currentStyle的区别
样式表有三种: 内嵌样式:<div id="box" style="color:red">box</div>,style写在html中的 ...
- 巡风扫描器安装-windows部署
巡风是一款适用于企业内网的漏洞快速应急,巡航扫描系统. 作者github地址 https://github.com/ysrc/xunfeng 一.环境安装 1,安装Python解释器 https:// ...
- [转]chrome developer tool 调试技巧
这篇文章是根据目前 chrome 稳定版(19.0.1084.52 m)写的, 因为 google 也在不断完善chrome developer tool, 所以 chrome 版本不同可能稍有差别. ...
- em和px区别
附:(http://www.cnblogs.com/leejersey/p/3662612.html) em单位说明 1em指的是一个字体的大小,它会继承父级元素的字体大小,因此并不是一个固定的值.任 ...
- 在Android Studio上进行OpenCV 3.1开发环境配置
开发环境: Windows 7 x 64 家庭版 Android Studio 1.5.1(Gradle版本2.8) JDK 1.8.0 Android 6.0(API 23) OpenCV 3.1. ...
- gamemakerstudio:room_speed和image_speed
room_speed是游戏步数,每秒多少步(步事件)image_speed是动画帧率room_speed变则整个游戏变慢image_speed变只是该object动画变慢 除了游戏全局加速减速,一般不 ...
- haproxy学习——安装(一)
安装包:haproxy-1.5.4.tar.gz (挺小的,大约1.3M) ①.首先要sz到本地虚拟机上(centos-6.5),tar zxvf haproxy-1.5.4.tar.gz,完成解压. ...
- mysql导入大量数据时报MySQL server has gone away错误的解决办法
https://blog.csdn.net/eric520zenobia/article/details/77619469
- Flask入门 表单Flask-wtf form原生 Bootstrap渲染(七)
(1) 原生的表单 模板页面,form表单form.html <form action="{{ url_for('/check/') }}" method='post'> ...
- http状态码含义(来源于w3school):
状态码: 1xx: 信息 消息: 描述: 100 Continue 服务器仅接收到部分请求,但是一旦服务器并没有拒绝该请求,客户端应该继续发送其余的请求. 101 Switchi ...