ES6 数组的拓展(五)
一、扩展运算符(...)
将数组转化为以,分割的字符串
eg:
console.log(...[1,2,3,4]); //1 2 3 4
将字符串转化为数组
eg:
console.log([...'hello']); //['h','e','l','l','o']
求数组中最大值
eg:
//求参数中最大值
let result1 = Math.max(2,5,8,23,75);
console.log(result1);
//ES5中求数组中的最大值
let result2 = Math.max.apply(null,[2,5,8,23,75]);
console.log(result2); //
//ES6中求数组中的最大值
let result3 = Math.max(...[1,2,3,4,5,6,7]);
console.log(result3); //
二、数组新添方法
具备Iterator接口的数据结构:Array、String、类数组对象、Set和Map集合、
Array.from() 【将具备Iterator接口的数据结构转化为数组,并返回该数组】
Array.of() 【返回参数值组成的数组】
弥补构造函数创建数组的不足
eg:
let arr1 = new Array(10); //创建一个长度为10的空数组arr1
let arr2 = Array.of(10); //创建数组arr2 = [10];
find()和findIndex()
find() 【返回第一个符合条件的数组元素或undefined】
findIndex() 【返回第一个符合条件的数组元素的索引或-1】
eg:
let arr = [16,17,14,19,20,14,30]
//返回第一个符合条件的数组元素或undefined
let result = arr.find((element,index,arr)=>{
return element>18;
});
console.log(result); // //返回第一个符合条件的数组元素的索引或-1
let result2 = arr.findIndex((element,index,arr)=>{
return element>18;
});
console.log(result2); //
fill() 【使用给定参数值作为单个元素值替换数组中的所有元素】
eg:
[1,2,3].fill('hello'); //返回结果为:['hello','hello','hello']
arr.keys() 【返回包含所有元素索引的迭代器数组对象】
arr.values() 【返回包含所有元素值的迭代器数组对象】
arr.entries()【返回数组中元素索引、元素值以key-value形式的组成的迭代器数组对象】[[index1,element1],[index2,element2]]
注:
迭代器对象可以使用for-of来遍历获取里面的值
eg:
for(let [index,element] of arr.entries()){
console.log(index,element); //index为arr的元素索引,element为对应的索引的元素值
}
includes() 【判断数组中是否包含参数中的值,返回boolean类型】
eg:
[1, 2, 3].includes(2) // true
[1, 2, 3].includes(4) // false
[1, 2, NaN].includes(NaN) // true
ES6 数组的拓展(五)的更多相关文章
- ES6 数组方法拓展
ES6 数组方法拓展 1.Array.from() Array.from方法用于将两类对象转为真正的数组:类似数组的对象(array-like object)和可遍历(iterable)的对象(包括E ...
- ES6数组的拓展
扩展运算符 扩展运算符(spread)是三个点(...).它好比 rest 参数的逆运算,将一个数组转为用逗号分隔的参数序列. console.log(...[1, 2, 3]) // 1 2 3 c ...
- ES6 随记(3.3)-- 数组的拓展
上一章请见: 1. ES6 随记(1)-- let 与 const 2. ES6 随记(2)-- 解构赋值 3. ES6 随记(3.1)-- 字符串的拓展 4. ES6 随记(3.2)-- 正则的拓展 ...
- 数组的复制及ES6数组的扩展
一.数组的复制 // alert([1,2,3]==[1,2,3]); let cc = [0,1,2]; let dd = cc; alert(dd==cc);//此时改变dd会影响cc ES5 只 ...
- es6数组的扩展
数组扩展运算符 ...(三个点) const demoArr=[0,1,2,3,4] console.log(...demoArr) // 0 1 2 3 4 // 他把一个数组用逗号分隔了出来 // ...
- ES6数组对象新增方法
1. Array.from() Array.from方法用于将两类对象转为真正的数组:类数组的对象( array-like object )和可遍历( iterable )的对象(包括 ES6 新增的 ...
- ES6数组扩展
前面的话 数组是一种基础的JS对象,随着时间推进,JS中的其他部分一直在演进,而直到ES5标准才为数组对象引入一些新方法来简化使用.ES6标准继续改进数组,添加了很多新功能.本文将详细介绍ES6数组扩 ...
- ES6数组及数组方法
ES6数组可以支持下面的几种写法: (1)var [a,b,c] = [1,2,3]; (2)var [a,[[b],c]] = [1,[[2],3]]; (3)let [x,,y] = [1,2,3 ...
- 数组复制的五种方式(遍历循环一一赋值、System.arraycopy、地址赋值、克隆clone()、Arrays.copyof())
package com.Summer_0424.cn; import java.util.Arrays; import java.util.concurrent.CopyOnWriteArrayLis ...
随机推荐
- CF704D Captain America(上下界网络流)
传送门 题意: 二维平面给出\(n\)个点,现在可以给每个点进行染色,染红色的代价为\(r\),染蓝色的代价为\(b\). 之后会有\(m\)个限制,形式如:\(t_i\ l_i\ d_i\),当\( ...
- 免费音乐播放器-airplay(网上收集,仅供学习与研究,支持正版)
AirPlay媒体播放器无需安装,并不会修改注册表,生成桌面快捷方式,加入启动菜单及快速启动. 因此,您只需要下载本软件,保存在任何地方即可使用.使用方便,界面酷炫. 自动下载和显示歌词.专辑封面.汇 ...
- pikachu SQL-Injection
1.数字型注入(POST) 可以看到,这个参数提交是POST类型的,用burp. 测试参数id id='&submit=%E6%9F%A5%E8%AF%A2 可以看到有报错回显,而且根据回显可 ...
- 14-numpy笔记-莫烦pandas-2
代码 import pandas as pd import numpy as np dates = pd.date_range('20130101', periods=6) df=pd.DataFra ...
- Spring Boot2.0+中,自定义配置类扩展springMVC的功能
在spring boot1.0+,我们可以使用WebMvcConfigurerAdapter来扩展springMVC的功能,其中自定义的拦截器并不会拦截静态资源(js.css等). @Configur ...
- Push to origin/master was rejected
在IDEA中往码云上传项目的时候出现了如下的错误:Push to origin/master was rejected 因为我是把代码上传到一个新的仓库里面,所以第一次提交的时候和仓库里面的东西不同步 ...
- 你真的了解FastClick吗?
你真的了解FastClick吗? 前段时间在做公司官网手机端菜单部分的时候,遇到一些很诡异的点击问题.比如菜单点击无效/双击才有效.在手指滑动的时候会触发点击事件.以及同样的事件处理在微信跟浏览器会有 ...
- nodejs的一些基操
Nodejs 是基于 CHrome V8 引擎的 JaveScriptnpm: node 包管理器为我们提供了: nodejs 运行时,javascript 代码运行时的环境 提供了核心模块,具体会在 ...
- Emacs奇技淫巧
奇技快捷键 C-t: 交换两个字符的位置 M-t: 交换两个字符的位置 C-x, C-t: 则是交换两行的位置 C-x, h: 全选 M-/: 匹配这个首字母的单词 M-c: 将下一个单词开头大写, ...
- [转载]3.13 UiPath存在图像Image Exists的介绍和使用
一.Image Exists的介绍 检查是否在指定的UI元素中找到图像,输出的是一个布尔值 二.Image Exists在UiPath中的使用 1.打开设计器,在设计库中新建一个Sequence,为序 ...