JavaScript数组所有方法集合

这篇具有很好参考价值的文章主要介绍了JavaScript数组所有方法集合。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

##方法
1、concat
用于合并两个或多个数组。此方法不会更改现有数组,而是返回一个新数组

2、copyWithin
浅复制数组的一部分到同一数组中的另一个位置,并返回它,不会改变原数组的长度

3、entries
返回一个新的 Array Iterator 对象,该对象包含数组中每个索引的键/值对

4、every
测试一个数组内的所有元素是否都能通过某个指定函数的测试。它返回一个布尔值

5、fill
用一个固定值填充一个数组中从起始索引到终止索引内的全部元素

6、filter
创建一个新数组, 其包含通过所提供函数实现的测试的所有元素

7、find
返回数组中满足提供的测试函数的第一个元素的值。否则返回 undefined

8、findIndex
返回数组中满足提供的测试函数的第一个元素的索引。若没有找到对应元素则返回 -1

9、flat
按照一个可指定的深度递归遍历数组,并将所有元素与遍历到的子数组中的元素合并为一个新数组返回

10、flatMap
使用映射函数映射每个元素,然后将结果压缩成一个新数组

11、forEach
对数组的每个元素执行一次给定的函数

12、includes)
判断一个数组是否包含一个指定的值,如果包含则返回 true,否则返回 false

13、indexOf
返回在数组中可以找到一个给定元素的第一个索引,如果不存在,则返回 -1

14、join
将一个数组的所有元素连接成一个字符串并返回这个字符串

15、keys
返回一个包含数组中每个索引键的 Array Iterator 对象

16、lastIndexOf
返回指定元素在数组中的最后一个的索引,如果不存在则返回 -1

17、map
返回一个新数组,其结果是该数组中的每个元素是调用一次提供的函数后的返回值

18、pop
从数组中删除最后一个元素,并返回该元素的值

19、push
将一个或多个元素添加到数组的末尾,并返回该数组的新长度

20、Reduce
对数组中的每个元素执行一个由您提供的reducer函数(升序执行),将其结果汇总为单个返回值

21、ReduceRight
接受一个函数作为累加器(accumulator)和数组的每个值(从右到左)将其减少为单个值

22、reverse
将数组中元素的位置颠倒,并返回该数组。该方法会改变原数组

23、shift
从数组中删除第一个元素,并返回该元素的值

24、slice
提取源数组的一部分并返回一个新数组

25、some)
测试数组中是不是至少有一个元素通过了被提供的函数测试

26、sort
对数组元素进行原地排序并返回此数组

27、splice
通过删除或替换现有元素或者原地添加新的元素来修改数组,并以数组形式返回被修改的内容

28、toLocaleString
返回一个字符串表示数组中的元素。数组中的元素将使用各自的 Object.prototype.toLocaleString()方法转成字符串

29、toString
返回一个字符串表示指定的数组及其元素。数组中的元素将使用各自的 [Object.prototype.toString()]方法转成字符串

30、unshift将一个或多个元素添加到数组的头部,并返回该数组的新长度

31、values
返回一个新的 Array Iterator 对象,该对象包含数组每个索引的值

32、at
返回给定索引处的数组项。接受从最后一项开始倒数的负整数。

33、iterator
返回一个新的 Array Iterator 对象,该对象包含数组每个索引的值

var arr = ['a', 'b', 'c', 'd', 'e'];
var eArr = arr[Symbol.iterator]();
// 浏览器必须支持 for...of 循环
for (let letter of eArr) {
  console.log(letter);
}


//另一种迭代方式

var arr = ['a', 'b', 'c', 'd', 'e'];
var eArr = arr[Symbol.iterator]();
console.log(eArr.next().value); // a
console.log(eArr.next().value); // b
console.log(eArr.next().value); // c
console.log(eArr.next().value); // d
console.log(eArr.next().value); // e

34、toSource 非标准方法 请查阅
返回一个字符串,代表该数组的源代码.

var alpha = new Array("a", "b", "c");
alpha.toSource();   //返回["a", "b", "c"]

35、valueOf
返回值为该对象的原始值
valueOf方法一般都会被 JavaScript 自动调用,但你也可以自己调用

// Array:返回数组对象本身
var array = ["ABC", true, 12, -5];
console.log(array.valueOf() === array);   // true

36、Array.from
Array.from() 方法从一个类似数组或可迭代对象中创建一个新的,浅拷贝的数组实例


##属性
1、constructor
所有对象都会从它的原型上继承一个 constructor 属性
返回创建实例对象的 [Object]构造函数的引用。注意,此属性的值是对函数本身的引用,而不是一个包含函数名称的字符串。对原始类型来说,如1true"test",该值只可读。

2、length
length 是Array的实例属性。返回或设置一个数组中的元素个数。该值是一个无符号 32-bit 整数,并且总是大于数组最高项的下标

3、unscopables
Symbol 属性 **@@unscopable** 包含了所有 ES2015 (ES6) 中新定义的、且并未被更早的 ECMAScript 标准收纳的属性名。这些属性被排除在由 [with] 语句绑定的环境中。
arr[Symbol.unscopables]

4、species
Array[@@species] 访问器属性返回 Array 的构造函数。

5、prototype
Array.prototype 属性表示 [Array] 构造函数的原型,并允许您向所有 Array 对象添加新的属性和方法
鲜为人知的事实:Array.prototype 本身也是一个 [Array]。

Array.isArray(Array.prototype);
// true

后言

一图诠释map、filter、every、some、fill、reduce等方法区别
JavaScript数组所有方法集合,JavaScript,javascript,前端,java文章来源地址https://www.toymoban.com/news/detail-596667.html

到了这里,关于JavaScript数组所有方法集合的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【前端灵魂脚本语言JavaScript⑤】——JS中数组的使用

    🐚 作者: 阿伟 💂 个人主页: Flyme awei 🐋 希望大家多多支持😘一起进步呀! 💬 文章对你有帮助👉关注✨点赞👍收藏📂 第一种: var 数组名 = new Array(); 创建一个空数组 第二种: var arr2 = new Array(10); 创建一个定长为10的数组 第三种 var arr3 = new Array(a,b,c); 创建时直接指定元素值

    2023年04月08日
    浏览(42)
  • 【js】JavaScript清除所有(多个)定时器的方法:

    一、停止单个定时器 二、暂停与恢复定时器 三、使用Promise来管理定时器 四、使用ES6特性管理定时器 五、案例(定时获取页面列表数据) 定时器会生成多个,即有多个定时器id,需要清除不需要的的定时器 菜单没有选中当前页面,定时器也不需要

    2024年02月03日
    浏览(46)
  • JavaScript数组-方法大全

    一、数组的3种创建方式 二、数组常用方法        方法名                                  功能    原数组是否改变       concat()      合并数组,并返回合并之后的数据       n       join()      使用分隔符,将数组转为字符串并返回     n       pop()      删除最

    2024年02月03日
    浏览(34)
  • javascript常用的数组方法

    本文档统计了数组的常用方法,其中有参数可能不完整.请转至mdn查看 a.语法: delete arr[2] b.描述 删除数组的某一项的内容,或者说将某一项的内容置为空, c.返回值 d.特点 改变原数组,长度不发生变化 a.语法 arr.push(1,2,5) b.描述 向数组末尾追加 一个 或 多个 元素 c.返回值 追加元素

    2024年02月02日
    浏览(34)
  • 〖大前端 - 基础入门三大核心之JS篇㉓〗- JavaScript 的「数组」

    当前子专栏 基础入门三大核心篇 是免费开放阶段 。 推荐他人订阅,可获取扣除平台费用后的35%收益,文末名片加V! 说明:该文属于 大前端全栈架构白宝书专栏, 目前阶段免费开放 , 购买任意白宝书体系化专栏可加入 TFS-CLUB 私域社区。 福利:除了通过订阅\\\"白宝书系列专

    2024年02月04日
    浏览(43)
  • Javascript -- 数组prototype方法探究

    1、不改变原数组 1. concat() 这个是数组拼接方法,可以将两个数组或多个数组拼接并返回一个包含两个数组或多个数组内容的新数组,不会改变原数组 方法里面理论上可以写入n个参数, 2.find() 这个方法是遍历查找数组里面 第一个 满足条件的值,并将这个值返回回来,该方法

    2024年02月15日
    浏览(30)
  • JavaScript中数组常用方法汇总!

    数组是一个复杂数据类型,我们在操作它的时候就不能再想基本数据类型一样操作了。 比如我们想改变一个数组 这样肯定是不合理,因为这样不是在改变之前的数组。相当于重新制作了一个数组给到 arr 这个变量了,相当于把 arr 里面存储的地址给换了,也就是把存储空间换

    2024年02月17日
    浏览(28)
  • JavaScript数组(四):判断数组相等的4种方法

    在JavaScript中,数组本质上是一种特殊的对象,它的类型值会返回 object 。 如果我们需要比较两个数组是否相等,不能像比较基本类型(String、Number、Boolean等)一样,使用 === (或 == ) 来判断,所以如果要比较数组是否相等,需要使用一些特殊方法。关于JS类型的判断,可见博文

    2024年02月01日
    浏览(39)
  • JavaScript:js数组/对象遍历方法

    一、js遍历方法 序号 方法 描述 1 for 使用最基本的for循环可以遍历数组 2 for of for...of语句用来遍历可迭代对象(包括数组、Set、Map、字符串等),它可以替代传统的for循环和forEach()方法。for...of循环每次迭代都将返回一个值,而不是索引。 3 for in for...in语句用来遍历对象的可

    2024年02月09日
    浏览(44)
  • 【JavaScript】数组方法 (ES6)

    arr.find(callback) 用于获取第 1 个符合要求的元素: callback : (item, index, arr) = boolean item -当前值、 index -当前索引、 arr -当前数组 返回值: callback 第一次返回 true 的对应 item ;如果没有符合的元素,则返回 undefined arr.findIndex(callback) 用于获取第 1 个符合要求的元素的下标: cal

    2024年02月14日
    浏览(44)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包