优秀的编程知识分享平台

网站首页 > 技术文章 正文

一篇文章学会JavaScript中的数组

nanyue 2025-01-13 16:37:00 技术文章 3 ℃

什么是数组?

  • 数组(Array),是将一组数据存储在单个变量名下的一种方式
  • 声明语法: let 数组名= [数据1, 数据2, 数据3, ......, 数据n]
  • 例如:
  • 数组是按照顺序保存,每个数组都有自己的编号
<body>
  <div> 呱呱小程序开发工作室 </div>

  <script>
    // 声明数组
    let names = [ '张三', '李四', '王五', "小红" ]
  </script>
</body>
    • 使用数组
    • 直接 console.log 打印会出现 一个 names 的数组
<body>
  <div> 呱呱小程序开发工作室 </div>

  <script>
    // 声明数组
    let names = [ '张三', '李四', '王五', "小红" ]
    // 打印数组
    console.log(names);
  </script>
</body>
  • 但是如果我们只想使用数组中的一个数组,数组里面是有序号的,是有序的,数组里面每个数组元素,都有一个固定的编号,也叫索引,索引是从 0 开始的, 第一个数据的索引是 0 ,第二个数组的索引是 1 以此类推,使用数组的语法是:数组名[索引值]
<body>
  <div> 呱呱小程序开发工作室 </div>

  <script>
    // 声明数组
    let names = [ '张三', '李四', '王五', "小红" ]
    // 打印数组中 '张三'的值
    console.log(names[0]);
  </script>
</body>
  • 在数组中数据的编号也叫索引或者下标
  • 数组里面可以存储任意类型的数据

数组的一些术语

  • 元素:数组中保存的每个数据都叫数组元素
  • 下标 / 索引:数组中数据的编号
  • 长度: 数组中数据的个数,通过数组的 length 属性获得
<body>
  <div> 呱呱小程序开发工作室 </div>

  <script>
    // 声明数组
    let names = [ '张三', '李四', '王五', "小红" ]
    // 打印数组
    console.log(names[0]); // 张三
    console.log(names[2]); // 王五
    console.log(names.length);  // 4
  </script>
</body>
  • 使用数组有什么好处?
  • 数组可以保存多个数据
  • 数组字面量用 [] 标识
最近发表
标签列表