ES5支持Array对象的方法属性


浏览器对es5的支持程度如下:

在这里插入图片描述

针对数组es5新增的特性有:indexOf, forEach, map , filter, isArray,reduce,some等等。

ES6支持Array对象的方法属性


es6新的语法像let、const、对象的结构等都适用于数组,还有箭头函数等等。对数组的新增api如下:

  1. Array.from()方法从一个类似数组或可迭代对象中创建一个新的数组实例。参数为:(arrayLike[, mapFn[, thisArg]]),这里的伪数组可以是:数组、字符串、Map、Set、arguments、对象等等。

  2. Array.prototype[@@iterator]默认返回与values()值相同的值,arr[Symbol.iterator] ()

  3. Array.of()方法创建一个具有可变数量参数的新数组实例,而不考虑参数的数量或类型

  4. Array.prototype.copyWithin() 方法浅复制数组的一部分到同一数组中的另一个位置,并返回它,而不修改其大小。

  5. Array.prototype.find()方法返回数组中满足提供的测试函数的第一个元素的值。否则返回 undefined。

  6. Array.prototype.findIndex()方法返回数组中满足提供的测试函数的第一个元素的索引。否则返回-1。

  7. Array.prototype.fill()方法用一个固定值填充一个数组中从起始索引到终止索引内的全部元素。不包括终止索引。

  8. Array.prototype.includes() 方法用来判断一个数组是否包含一个指定的值,根据情况,如果包含则返回 true,否则返回false。

数组方法是否改变原数组或返回新数组

===============================================================================

一、改变原数组的方法


Array.prototype.pop()

Array.prototype.push()

Array.prototype.reverse()

Array.prototype.shift()

Array.prototype.sort()

Array.prototype.splice()

Array.prototype.unshift()

二、返回新数组的方法


Array.of()

Array.prototype.concat()

Array.prototype.copyWithin()

Array.prototype.fill()

Array.prototype.filter()

Array.prototype.map()

Array.prototype.slice()

三、其他


Array.prototype.entries()

Array.prototype.every()

Array.prototype.find()

Array.prototype.findIndex()

Array.prototype.forEach()

Array.prototype.includes()

Array.prototype.indexOf()

Array.prototype.join()

Array.prototype.keys()

Array.prototype.lastIndexOf()

Array.prototype.reduce()

Array.prototype.reduceRight()

Array.prototype.some()

Array.prototype.toLocaleString()

Array.prototype.toSource()

Array.prototype.toString()

Array.prototype.values()

Array.prototype@@iterator

数组方法的使用场景

=======================================================================

一、伪数组转化为数组


var arrayLike = new Set([1,2,3]);

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
img
img
img
img
img
img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新

如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注前端)
img

最后

资料过多,篇幅有限

CodeChina开源项目:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

自古成功在尝试。不尝试永远都不会成功。勇敢的尝试是成功的一半。

[外链图片转存中…(img-JgG1JW9F-1711950999733)]

[外链图片转存中…(img-2R0a1uku-1711950999734)]

资料过多,篇幅有限

CodeChina开源项目:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

自古成功在尝试。不尝试永远都不会成功。勇敢的尝试是成功的一半。

Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐