es6数组新方法
(1)Array.from(aarr,fn,obj)
function fn(dr, sd, d) {
/*Array.from 类数组转化为数组*/
console.log(arguments)
var arr = Array.from(arguments);
console.log(arr);
var arr1 = [].slice.call(arguments);
console.log(arr1);
var a = [...arguments]//=========================扩展运算符也可将数组住转化为非数组
console.log(a)
/*Array.from接受第二个参数(对数组中的每个元素进行操作),第三个参数是用来绑定this的指向*/
var arr3 = Array.from(arguments, function (i) {
return i * 7
})
console.log(arr3)
}
fn(1, 2, 2);
(2) /*Array.of() 将一组值转化为数组*/
//可用此方法创建一个数组
!(function () {
console.log(Array.of(21)); var result = [1, 2, 3, 434, 56].find(function (n) {
return n < 0;
})
console.log(result) })()
(3) find() findIndex()
!function () {
/*find() 返回数组中第一个满足条件的元素
findIndex() 返回第一个满足条件元素的下标*/
//====================================================这俩种方法都可以失败而NaN 但是indexof却不行
let arr= Array.of(0,1,2,3,4,5,6,7,8,9);
let arr1=arr.find(function (v,k,arr) {
/*回调函数有三个参数(当前值,当前下标,该数组)*/
//对数组中的元素进行遍历
// console.log(v,k,arr);
return v>2;
})
console.log(arr1) //3
console.log(arr.findIndex(function (v,k,arr) {
// console.log(v)
return v>4 //5
}))
}()
(4)fill()对数组进行填充 可用于对数组的初始化
!(function () {
/*对数组进行填充*/
console.log(['s'].fill(2))//会抹除原数组
console.log(new Array(3)) //[undefined × 3]
console.log(new Array(3,2)) //[3, 2]; console.log([1,2,3,4,544].fill('ss',0,4))//对数组用‘ss'进行填充 })()
(5)includes()检测数组中是否有某个元素 返回值为布尔值
!(function () {
// includes() 查找数组中是是否含有某个元素 ==此方法属于es7 但是babel转换器已经支持
// 与字符串
/*参数1:要查找的元素
* 参数2:从某位置开始查找,若为负数则倒着选取位置向后查找*/
console.log([1,1,2,NaN].includes(NaN)); //true 返回值是布尔值 对NaN识别
console.log([1,1,2,NaN,2].includes(NaN,-3)); //false
console.log([1,2,3,4,NaN].indexOf(NaN)); //-1 不对NaN识别 })()
es6数组新方法的更多相关文章
- JavaScript ES6 数组新方法 学习随笔
JavaScript ES6 数组新方法 学习随笔 新建数组 var arr = [1, 2, 2, 3, 4] includes 方法 includes 查找数组有无该参数 有返回true var ...
- ES6数组新加 Buff
欢迎关注本人公众号<迈向大前端>,里面有15本前端相关的电子书,送给在前端路上迷茫的同学们! 本章篇幅很长,分开来发,这一小篇主要讲ES6数组的Array.of()和Array.from( ...
- 看es6 字符串新方法有感
'x'.repeat(3) // "xxx" 'hello'.repeat(2) // "hellohello" 'na'.repeat(0) // " ...
- ES6的新方法实现数组去重
ES6里新添加了两个很好用的东西,set和Array.from. set是一种新的数据结构,它可以接收一个数组或者是类数组对象,自动去重其中的重复项目. 在这我们可以看见,重复的项目已经被去掉了,包括 ...
- ES6 数组遍历方法的实战用法总结(forEach,every,some,map,filter,reduce,reduceRight,indexOf,lastIndexOf)
目录 forEach every some map filter reduce && reduceRight indexOf lastIndexOf 前言 ES6原生语法中提供了非常多 ...
- es6数组的方法
1.复习的函数 函数是由关键字function声明的,他是一个引用数据类型,是Function的实例,在调用的时候会开辟一个私有空间 2.函数的成员 arguments:null (是实参构成的数组 ...
- ECMAScript 6中数组新方法
数组的方法 数组的的大部分方法都可以实现数组的遍历. foreach方法 实现数组的遍历 const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9]; arr.forEach(fu ...
- es6数组新特性
1.Array.from 从类数组和可遍历对象中创建Array的实例 类数组对象包括:函数中的arguments.由document.getElementsByTagName()返回的nodeList ...
- ES6数组去重方法
Set实例的方法分为两大类:操作方法(用于操作数据)和遍历方法(用于遍历成员),操作方法有:add(value).delete(value).has(value).clear():遍历方法有:keys ...
随机推荐
- SQl Server 表链接查询
之前漏下了,这里补一偏 select * from student,score ——笛卡尔积 可以想想成c#里面的多维函数的样子,打印时每一张表的每一条数据都会连带着第二张表的所有数据 两个表的连接: ...
- LVM扩展学习日志
lvm是逻辑卷管理的简称,它将一个或多个物理硬盘分区(PV)组成一个逻辑硬盘(VG)来使用, 然后从这个VG中划分出逻辑分区(LV), 以上概念是我理解的东西,可能和书上的不一样. 以下所有命令都是 ...
- ISE 14.7 XST.exe stop working
http://www.xilinx.com/support/answers/59851.html Description XST completes but then instead of retur ...
- malloc/free 与 new/delete同与不同
一.相同点 1.都是从堆上申请内存,由程序员来掌控这段内存的申请与释放. 2.对于内置类型,两者使用没有太大区别. 二.不同点 1.malloc/free是C++/C语言的标准库函数,需要库支持:ne ...
- ipa包使用命令上传fir.im或者蒲公英
我们的工程做了自动打包处理,但是每次打完ipa后只是放置于一个共享盘或者本地,为了方便测试,每次都要手动上传上传fir或者蒲公英,比较麻烦.所以研究了一下怎么能在打完包后直接脚本上传到上传fir或者蒲 ...
- javascript使用ajax方式
ajax请回和回应实例: function showContent(type) { //create obj var xmlhttp; if (window.XMLHttpRequest) { //c ...
- c# 字符串填充占位
C# 字符串PadLeft函数的使用 1.Demo: 需求: 将111改变成0000111 使用字符串PadLeft函数可以解决: int num = 111; string s= num.ToSt ...
- Kotlin 控制台交互式操作
kotlin 可以使用和控制台进行交互式操作. 还是蛮有意思. 使用Kotlin的交互式操作首先必须要正确的安装JDK和配置JDK的环境. 可以参考这篇文长 安装完成之后就要下载一个Kotlin的交互 ...
- [python]glob模块中的glob()函数为什么返回空列表??
最近在学习语音的知识,看一个语音合成实现的相关工具包的源代码,碰到了glob()函数.然后开启了我与这个函数相爱想杀的一个下午. 摘自官网解释: https://docs.python.org/2/l ...
- 算法训练 Cowboys(DP)
问题描述 一个间不容发的时刻:n个牛仔站立于一个环中,并且每个牛仔都用左轮手枪指着他旁边的人!每个牛仔指着他顺时针或者逆时针方向上的相邻的人.正如很多西部片那样,在这一刻,绳命是入刺的不可惜……对峙的 ...