美文网首页
JavaScript数组总结

JavaScript数组总结

作者: 中流者结使也 | 来源:发表于2018-08-09 01:36 被阅读21次

属性:

length 长度


方法:

操作方法:增(连接)、删(截取)、改

遍历方法:查 、排序、过滤、翻转

增:

push() 在数组结尾加入一个元素

unshift() 在数组头添加一个元素

连接:concat()把两个数组连接成新数组

删:

pop() 从数组结尾删除一个元素

shift()从数组头处删除一个元素

截取:slice() 从某处到某处截取,返回新数组

删除并添加方法:splice(fromIndex,amount,newElement) 从fromIndex开始删除amount个元素,并返回被删除的元素,再在fromIndex处添加新的元素

改:

ES6方法

copyWithin() 在当前数组内部,将指定位置的成员复制到其他位置(会覆盖原有成员),然后返回当前数组

fill() 方法使用给定值,填充一个数组。方法还可以接受第二个和第三个参数,用于指定填充的起始位置和结束位置。

查:

indexOf() 搜索一个指定的元素的位置   (不能判断NaN!)

for循环:

for 

forEach  不能使用break continue return

for in 遍历获取的是键值,适用于对象,但是会遍历手动添加的其他键,甚至包括原型链上的键

for of  有着同for...in一样的简洁语法,但是没有for...in那些缺点。

  不同于forEach方法,它可以与break、continue和return配合使用。

  提供了遍历所有数据结构的统一操作接口。

ES6方法

includes()是否包含元素

find()方法,用于找出第一个符合条件的数组成员。(可以判断NaN)

findIndex() 方法的用法与find方法非常类似,返回第一个符合条件的数组成员的位置,如果所有成员都不符合条件,则返回-1。(可以判断NaN)

entries(),keys()和values()——用于遍历数组。它们都返回一个遍历器对象(详见《Iterator》一章),可以用for...of循环进行遍历,唯一的区别是keys()是对键名的遍历、values()是对键值的遍历,entries()是对键值对的遍历。

排序:

sort()

过滤:

filter()

翻转:

reverse()

转换:

join() 它把当前Array的每个元素都用指定的字符串连接起来,然后返回连接后的字符串

ES6方法

Array.from() 方法用于将两类对象转为真正的数组:类似数组的对象(array-like object)和可遍历(iterable)的对象(包括 ES6 新增的数据结构 Set 和 Map)。

Array.of方法用于将一组值,转换为数组。

Array.prototype.flat()用于将嵌套的数组“拉平”,变成一维的数组。该方法返回一个新数组,对原数据没有影响。

Array.prototype.flatMap()方法对原数组的每个成员执行一个函数(相当于执行Array.prototype.map()),然后对返回值组成的数组执行flat()方法。该方法返回一个新数组,不改变原数组。

空位的处理:

http://es6.ruanyifeng.com/#docs/array#%E6%95%B0%E7%BB%84%E5%AE%9E%E4%BE%8B%E7%9A%84-fill

避免出现空位

相关文章

  • javaScript遍历对象、数组总结

    原文:javaScript遍历对象、数组总结

  • JavaScript数组去重算法实例

    本文主要介绍了JavaScript数组去重算法,结合实例形式总结分析了JavaScript数组去重相关的读写、遍历...

  • JavaScript数组方法总结(上)

    JavaScript数组方法总结(上) 本文介绍JavaScript数组方法,并且本文收录在我的慕课手记,请点击链...

  • JavaScript数组总结

    属性: length 长度 方法: 操作方法:增(连接)、删(截取)、改 遍历方法:查 、排序、过滤、翻转 增: ...

  • JavaScript数组总结

    有哪些创建数组的方法? js创建数组有以下三种方法: 隐式创建 直接实例化 创建数组并给数组元素赋值 创建一个长度...

  • Javascript中数组常用方法总结

    Javascript中数组常用方法总结 创建方式:Array构造函数字面量Array创建数组的静态方法from: ...

  • javascript数组操作总结

    最近看完了《JavaScript高级程序设计》这本书的数组类型的数据结构部分,在这里简单总结我所学到的知识。 一、...

  • Javascript数组学习总结

    数组的基本特点 数组元素是任意类型的 可能的最大索引是2^32-2,默认起始索引是 0 Javascript的数组...

  • 你会用哪些JavaScript循环遍历

    总结JavaScript中的循环遍历定义一个数组和对象 for() 经常用来遍历数组元素 遍历值为数组元素索引 f...

  • JavaScript中数组基本方法(一)

    大家好,今天给大家简单的总结一下JavaScript中数组的api: 首先,先讲一下数组的定义: 数组:储存任意数...

网友评论

      本文标题:JavaScript数组总结

      本文链接:https://www.haomeiwen.com/subject/kpwfbftx.html