资讯专栏INFORMATION COLUMN

初入ES6-Array

马永翠 / 521人阅读

摘要:用于将对象转为数组可遍历和类数组对象部署属性的对象和扩展运算符的区别是任何具有属性的都可以使用的方法是用原型该方法还有一个参数类似的新方法将字符串转化为数组,特别是大于的单个字符,避免分割成多个用来弥补构造函数的歧义三个空值只有一个参数其实

1,Array.from用于将对象转为数组(可遍历和类数组对象部署Iterator 属性的对象)
和扩展运算符的区别是任何具有Length属性的都可以使用

var arr = [1,2,3,4];
var set = new Set(arr);
var obj = {
    0:23,
    2:"name",
    length:3
}
//ES5的方法是用原型
Array.prototype.slice.call(obj)        //[23, empty × 1, "name"]
Array.from(obj)        //[23, undefined, "name"]
//该方法还有一个参数类似ES5的新方法
Array.from(arr,num=>num*3)        // [3, 6, 9, 12]

//将字符串转化为数组,特别是大于uFFFF的单个字符,避免分割成多个

Array.of用来弥补构造函数的歧义

var arr1 = new Array();    //[]
var arr2 = new Array(3);    //[ , , ]三个空值只有一个参数其实指定的是数组数量

var arr3 = new Array(3,4)    //[3,4]
//以上只有参数大于两个的时候才会生成正确的数组

Array.of(3)    //[3]
//参数直接是数组元素,无论多少

copyWithinfill将数组内部元素复制到指定位置,会改变元素

Array.prototype.copyWithin(target,start,end);//target复制的目标位置,start复制的开始,end结束

var arr = [1,2,3,"a","b","c"];
arr.copyWithin(0,2,4)
arr.fill(3)    // [3, 3, 3, 3, 3, 3]抹去所有元素并且填充
arr.fill(ele,star,end)    //还有其他的参数指定起始位置
//这个两个方法后面的参数是从start开始包含该位置,end结束,不包含该位置

ES6数组新的方法

//find(fn,[this.obj]);和ES5遍历的方法一样的参数
var arr = [1,2,3,4];
arr.find(x=>x>2);    //返回第一个为true的元素,如果没有的话就返回undefined;
//识别是否有元素NaN
var ar = [NaN,2,4];
ar.indexOf(NaN)// -1;
ar.find(x=>(Object.is(NaN,x)))    //NaN
//includes(ele,start,end);判段是否包含某个元素后面的参数是开始结束的位置
ar.includes(2)    //true;
ar.includes(NaN)    //true




文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/88861.html

相关文章

  • HTML & CSS之小白初入江湖

    摘要:之小白初入江湖超文本标记语言简称是一种用于创建网页的标准标记语言。描述了一个网站的结构语义随着线索的呈现,使之成为一种标记语言而非编程语言。是块级元素,是行内元素。层叠样式表简称是一种用来为结构化文档如添加样式的工具。 HTML & CSS之小白初入江湖 1. HTML 超文本标记语言(HyperText Markup Language, 简称HTML)是一种用于创建网页的标准标记语言...

    fai1017 评论0 收藏0
  • HTML & CSS之小白初入江湖

    摘要:之小白初入江湖超文本标记语言简称是一种用于创建网页的标准标记语言。描述了一个网站的结构语义随着线索的呈现,使之成为一种标记语言而非编程语言。是块级元素,是行内元素。层叠样式表简称是一种用来为结构化文档如添加样式的工具。 HTML & CSS之小白初入江湖 1. HTML 超文本标记语言(HyperText Markup Language, 简称HTML)是一种用于创建网页的标准标记语言...

    crossoverJie 评论0 收藏0
  • 初入vue配合el-table做批量下载

    摘要:刚开始做项目,正好碰上了一个批量下载的功能就是下面图片中的一个导出的功能后台返回的数据格式是这样的,如下做批量下载后台需要前端给一个必需字段,在我这里也就是上代码这样我们的就是一个由组成的数组,搞定 刚开始做vue项目,正好碰上了一个批量下载的功能 就是下面图片中的一个导出的功能showImg(https://segmentfault.com/img/bVbsuIr); 后台返回的数据...

    tunny 评论0 收藏0
  • 初入Vue,node,express,mongodb

    摘要:本人前端萌新大概花了一周多一点,完成了一个前后端分离解耦的简易个人博客项目。项目前后端分离,路由完全交给处理,后端只负责操作数据库,暴露。目前项目提供做学习用途,希望能给大家一些帮助,对全栈项目有一个初步的了解,谢谢。 本人前端萌新大概花了一周多一点,完成了一个前后端分离解耦的简易个人博客项目。项目前后端分离,路由完全交给vue-router处理,后端只负责操作数据库,暴露api。 技...

    dingding199389 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<