《深入理解JavaScript》——1.15 数组

简介:

本节书摘来自异步社区《深入理解JavaScript》一书中的第1章,第1.15节,作者: 【美】AxelRauschmayer(罗彻麦尔)译者: 王玉林 , 杜欢 , 庄婷婷 , 章子鹏,更多章节内容可以访问云栖社区“异步社区”公众号查看。

1.15 数组

数组是一些有序的元素,可以通过证书索引从0开始被访问。

1.15.1 数组字面量
数组字面量可以方便地创建数组元素:

  screenshot

前面的数组有三个元素:字符串a、b、c。你可以通过整数索引来访问它们:

  screenshot

length属性表明数组有多少元素。你可以通过使用它来添加或者删除元素:

  screenshot

in操作符也可以在数组中正常使用:

  screenshot

注意数组是对象,所以可以拥有对象属性:

  screenshot

1.15.2 数组方法
数组拥有许多方法(参见18.7“数组原型方法”)。这里有一些例子:

 screenshot

1.15.3 遍历数组
有几种数组方法可以用来迭代元素(参见18.12“迭代(非破坏性)”)。其中两种最重要的方法是forEach以及map。

forEach迭代数组并且将当前的元素和元素的index扔到一个函数中:
 screenshot

  

前面的代码将输出下面的内容:

  screenshot

(1)处的函数可以被随意地忽略参数。例如,它可以只包含一个elem参数。

map通过应用一个函数映射到现有的数组的每个已经存在的元素创建一个新的数组:

 screenshot

相关文章
|
10月前
|
JavaScript 前端开发 API
JavaScript中通过array.map()实现数据转换、创建派生数组、异步数据流处理、复杂API请求、DOM操作、搜索和过滤等,array.map()的使用详解(附实际应用代码)
array.map()可以用来数据转换、创建派生数组、应用函数、链式调用、异步数据流处理、复杂API请求梳理、提供DOM操作、用来搜索和过滤等,比for好用太多了,主要是写法简单,并且非常直观,并且能提升代码的可读性,也就提升了Long Term代码的可维护性。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
10月前
|
数据采集 JavaScript 前端开发
JavaScript中通过array.filter()实现数组的数据筛选、数据清洗和链式调用,JS中数组过滤器的使用详解(附实际应用代码)
用array.filter()来实现数据筛选、数据清洗和链式调用,相对于for循环更加清晰,语义化强,能显著提升代码的可读性和可维护性。博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
自然语言处理 前端开发 JavaScript
🛠️ JavaScript数组操作指南:20个精通必备技巧🚀
本文详细介绍了 JavaScript 中的 20 个高效数组操作技巧,涵盖了从基本的添加、移除元素,到数组转换和去重等高级操作。强调了不可变性的重要性,提供了清晰的代码示例,帮助开发者编写更整洁和高效的代码。无论是新手还是经验丰富的开发者,这些技巧都将显著提升您的编码能力,使您在项目中更具竞争力。
276 2
|
JavaScript 前端开发 Java
【javaScript数组,函数】的基础知识点
【javaScript数组,函数】的基础知识点
132 5
|
JavaScript
js删除数组中已知下标的元素
js删除数组中已知下标的元素
434 4
|
JavaScript 前端开发 测试技术
JS都有哪些操作数组的方法
JS都有哪些操作数组的方法
449 3
|
缓存 JavaScript 前端开发
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
206 1
|
JavaScript 前端开发 索引
探索JavaScript数组:基础
探索JavaScript数组:基础
107 3
|
JavaScript 前端开发 索引
JS 删除数组元素( 5种方法 )
JS 删除数组元素( 5种方法 )
1106 1
|
JavaScript 前端开发
如何在JS中声明一个数组
如何在JS中声明一个数组
324 0