什么是数组?

最新推荐文章于 2023-07-03 15:03:09 发布

weixin_34397291

最新推荐文章于 2023-07-03 15:03:09 发布

阅读量235

点赞数

原文链接：https://juejin.im/post/5c3353b451882525dd5904a1

版权

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  <script>
  // 什么是数组
  // 一组数据的集合（有序集合），它里面可以存储任何类型的数据，每一项之间用 ‘,’ 隔开。
  // var arr = [1, 2, 3, 'hello']
  // console.log(typeof arr) // "object"

  // 数组的特性
  // 索引
  // 创建数组时，JS解析器为数组中每一项 自动分配下标（从0开始一次往后排），便于操作数组中的每一项

  var arr = [1, 2, 3, 'hello']

  // 通过索引 来获取数组中 某一项
  // console.log(arr[2])

  // 得到数组中最后一项
  // console.log(arr[3])

  // 最后一项的索引 就是 当前数组length - 1
  // console.log(arr[arr.length - 1])

  // 数组length
  // 数组的长度（有几项）
  // console.log(arr.length) // 4

  // 数组的__proto__（对象数据类型） 存储我们要学习的数组方法

  // 将数组中每一项 循环出来
  // for (var i = 0; i < arr.length; i++) {
  //   console.log(arr[i])
  // }


  // 通过索引修改数组中某一项
  // var arr = [1, 2, 3, 4]
  // // arr[0] = 100
  // // console.log(arr)

  // for (var i = 0; i < arr.length; i++) {
  //   // arr[i] = arr[i] * 2
  //   arr[i] *= 2
  // }
  // console.log(arr)

  // // 获取不存在的一项 返回undefined
  // console.log(arr[10]) // undefined


  // 数组中可以存放任何数据类型
  function fn() {
    console.log('fn')
  }

  var ary = [fn, {id: 1}, [100]]
  console.log(ary[0])

  ary[0]()

  console.log(ary[1])
  console.log(ary[1].id)

  console.log(ary[2]) // [100]
  console.log(ary[ary.length - 1]) 

  console.log(ary[2][0]) // 100
  console.log(ary[ary.length - 1][0])

  // 类数组 
  // 1.元素集合 [li, li, li]
  // 2.实参集合 arguments [1, 2, 3, 4]
  
  // 数组创建
  // 字面量表示法（比较直观）
  var num = [1, 2, 3]

  // 实例化(构造函数方式)
  // var num2 = new Array(1, 2, 3)
  // console.log(num2)

  // 不足 如果只传一个数字参数 创建的是一个空数组 只不过length是这个数字
  var arr1 = Array(2) // [empty × 2]
  console.log(arr1)
  console.log(arr1.length)
 
  </script>
</body>
</html>
复制代码