你应该知道的 JavaScript 数组方法

你应该知道的 javascript 数组方法

数组是 javascript 编程的重要组成部分,提供了一种存储和操作数据集合的强大方法。在本文中,我们将探讨每个 javascript 程序员都应该知道的 18 种基本数组方法,以便编写更高效、更清晰的代码。

1. 推

arr.push(..element) 方法将一个新元素添加到数组末尾并返回数组的新长度。这个方法改变了原来的数组。

语法:

arr.push(element1, element2, …)

登录后复制

示例:

let arr = [1, 2, 3];arr.push(4); // arr agora é [1, 2, 3, 4]

登录后复制

2. 流行音乐

arr.pop() 方法从数组中删除最后一个元素并返回删除的元素。此方法还会更改原始数组及其长度。

语法:

arr.pop()

登录后复制

示例:

let arr = [1, 2, 3, 4];arr.pop(); // arr agora é [1, 2, 3]

登录后复制

3. 转变

arr.shift() 方法从数组中删除第一个元素并返回删除的元素。此方法还会改变原始数组的长度。

立即学习“Java免费学习笔记(深入)”;

语法:

arr.shift()

登录后复制

示例:

let arr = [1, 2, 3, 4];arr.shift(); // arr agora é [2, 3, 4]

登录后复制

4. 取消换档

arr.unshift(elements) 方法将一个或多个元素添加到数组的开头并返回数组的新长度。

语法:

arr.unshift(item1, item2, …)

登录后复制

示例:

let arr = [2, 3, 4];arr.unshift(1); // arr agora é [1, 2, 3, 4]

登录后复制

5. 拼接

arr.splice() 方法通过删除、替换或添加元素来修改原始数组。

语法:

array.splice(start[, deletecount[, item1[, item2[, ...]]]])

登录后复制

示例:

let arr = [1, 2, 3, 4];arr.splice(1, 1); // arr agora é [1, 3, 4]

登录后复制

6.切片

arr.slice() 方法选择数组的一部分并返回一个新数组,其中的项目从开始索引复制到末尾。原来的数组没有改变。

语法:

arr.slice(start, end)

登录后复制

示例:

let arr = [1, 2, 3, 4];let newarr = arr.slice(1, 3); // newarr é [2, 3]

登录后复制

7. 包括

arr.includes(item, index) 方法检查该项目是否存在于给定索引的数组中,如果找到则返回 true,否则返回 false。

语法:

arr.includes(item, index)

登录后复制

示例:

let arr = [1, 2, 3, 4];arr.includes(3); // true

登录后复制

8. 对于每个

arr.foreach() 方法为数组的每个元素执行一次给定的函数。

语法:

arr.foreach(callback)

登录后复制

示例:

let arr = [1, 2, 3, 4];arr.foreach(num => console.log(num)); // imprime 1, 2, 3, 4

登录后复制

9. 加入

arr.join(separator) 方法创建一个字符串,其中连接了数组的所有元素,并用特定的分隔符分隔。

语法:

arr.join(separator)

登录后复制

示例:

let arr = [1, 2, 3, 4];arr.join('-'); // "1-2-3-4"

登录后复制

10. 字符串

arr.tostring() 方法将数组转换为字符串并返回结果。

语法:

arr.tostring()

登录后复制

示例:

let arr = [1, 2, 3, 4];arr.tostring(); // "1,2,3,4"

登录后复制

11. 地图

map() 方法对原始数组的每个元素调用回调函数,并返回一个包含结果的新数组。这是一种非变异方法。

语法:

  arr.map(function callback(currentvalue, index, array) {    // retorna um novo valor  })

登录后复制

示例:

let arr = [1, 2, 3, 4];let doubled = arr.map(num => num * 2); // [2, 4, 6, 8]

登录后复制

12. 减少

reduce() 方法将函数应用于累加器和每个数组元素(从左到右)以减少到单个值。

语法:

arr.reduce(function callback(accumulator, currentvalue, index, array) {  // retorna o valor acumulado}, initialvalue)

登录后复制

示例:

let arr = [1, 2, 3, 4];let sum = arr.reduce((acc, num) => acc + num, 0); // 10

登录后复制

13. 过滤器

filter() 方法创建一个新数组,其中包含通过所提供函数实现的测试的所有元素。

语法:

arr.filter(function callback(element, index, array) {  // retorna true para manter o elemento})

登录后复制

示例:

let arr = [1, 2, 3, 4];let even = arr.filter(num => num % 2 === 0); // [2, 4]

登录后复制

14.排序

sort() 方法按升序或根据给定的比较函数排列数组的元素。

语法:

arr.sort([comparefunction])

登录后复制

示例:

let arr = [4, 2, 3, 1];arr.sort(); // [1, 2, 3, 4]

登录后复制

15.查找

find() 方法返回数组中满足给定测试函数的第一个元素。

语法:

arr.find(function callback(element, index, array) {  // retorna true para encontrar o elemento})

登录后复制

示例:

let arr = [1, 2, 3, 4];let found = arr.find(num => num > 2); // 3

登录后复制

16.索引

indexof() 方法返回在数组中可以找到给定元素的第一个索引,如果该元素不存在,则返回 -1。

语法:

arr.indexof(searchelement, fromindex)

登录后复制

示例:

let arr = [1, 2, 3, 4];let index = arr.indexof(3); // 2

登录后复制

17. 添加

some() 方法测试数组中至少一个元素是否通过实现的测试函数。

语法:

arr.some(function callback(element, index, array) {  // retorna true se pelo menos um elemento passar no teste})

登录后复制

示例:

let arr = [1, 2, 3, 4];let haseven = arr.some(num => num % 2 === 0); // true

登录后复制

18. 连接

concat() 方法用于合并两个或多个数组。

语法:

arr.concat(array2, array3, ..., arrayn)

登录后复制

示例:

let arr1 = [1, 2];let arr2 = [3, 4];let merged = arr1.concat(arr2); // [1, 2, 3, 4]

登录后复制

这些方法是在 javascript 中使用数组的基础。掌握这些方法将使您能够更有效地操作数据并编写更清晰、更易读的代码。快乐编码!

参考资料:

你必须知道的 10 个重要的 javascript 数组方法初学者 js 开发人员应该知道的 10 个 javascript 数组方法列表

以上就是你应该知道的 JavaScript 数组方法的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2673628.html

(0)
上一篇 2025年3月7日 13:43:31
下一篇 2025年2月26日 13:30:09

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • React 设计模式:复合组件模式

    向大家致敬,你好,你好,嗨,萨拉姆 react 的灵活性允许开发人员创建高度可重用和可定制的组件。利用这种灵活性的一种强大的设计模式是复合组件模式。这种模式使开发人员能够构建由多个相关子组件组成的组件。在这篇博文中,我们将探索复合组件模式并…

    2025年3月7日
    200
  • 了解 CSS 框架

    CSS 框架通过提供预先编写的、可重用的代码模块来设计网页样式,彻底改变了网页设计。这些框架提供了一种结构化、有组织的方式来创建美观且响应灵敏的网站,而无需从头开始编写 CSS。 CSS 框架的主要特性网格系统:大多数 CSS 框架都带有内…

    2025年3月7日
    200
  • Typescript 编码编年史:增加三元组子序列

    问题陈述: 给定一个整数数组 nums,如果存在三个索引 (i, j, k),使得 i 示例1: 输入:nums = [1,2,3,4,5]输出:true解释:任何 i 示例2: 输入:nums = [5,4,3,2,1]输出:假解释:不存…

    2025年3月7日
    200
  • 改进西格玛

    在上一篇中,我抱怨了Sigma学术管理系统的问题。至少,从我所知道的部分来看,有分钟的介绍。 第一个问题实际上是将这个应用程序的功能分为两部分:成绩管理(虽然很原始,并且仅限于每次正式电话的考试)和会议记录本身的管理。 很明显,Sigma …

    2025年3月7日
    200
  • 简短而有趣的 JavaScript 片段

    javascript 是一种极其通用且功能强大的编程语言,广泛用于 web 开发。无论您是经验丰富的开发人员还是新手,拥有一组方便的 javascript 代码片段都可以节省您的时间并简化您的编码过程。在本文中,我编译了 15 个简短而精彩…

    2025年3月7日
    200
  • CSS 魔法:优雅的单行代码

    前端开发通常感觉就像在代码迷宫中航行,不断努力平衡功能和美观。在这种追求中,css 行话成为强大的工具,提供了实现优雅和效率的捷径。这些简洁的代码片段将多个样式属性打包到一行中,从而简化了流程。本文深入探讨了 css 单行代码的世界,强调了…

    2025年3月7日
    200
  • JavaScript 中的地址格式

    地址是我们日常生活的基本组成部分,无论我们是发送邮件、订购包裹还是导航到新位置。但在代码中处理地址时,事情可能会变得棘手。不同的国家/地区具有独特的地址格式,即使在同一个国家/地区内,地址的结构也可能存在差异。在本指南中,我们将探讨地址格式…

    2025年3月7日
    200
  • JavaScript 中的数组方法

    数组中有一些方法 1.push()2.unshift()3.pop()4.shift()5.拼接()6.切片()7.indexOf()8.include()9.forEach()10.map()11.filter()12.find()13.…

    2025年3月7日
    200
  • 自行开发构建 Web UI:部分了解 HTML

    网络开发是当今最受欢迎的技能之一。它涉及创建可通过浏览器访问的用户友好且引人入胜的网站。成为 web 开发人员的第一步是了解 html。 html(超文本标记语言)是任何网页的支柱。它是用于构建网页的标准语言,决定内容在浏览器中的显示方式。…

    2025年3月7日
    200
  • React 要点:您可能缺少的功能

    react 巩固了其作为构建动态和响应式用户界面的首选库的地位。凭借其声明式方法和基于组件的架构,react 简化了开发现代应用程序的复杂过程。然而,与任何强大的工具一样,即使对于经验丰富的开发人员来说,也有一些功能和最佳实践经常被忽视。 …

    2025年3月7日
    200

发表回复

登录后才能评论