javascript 数组基础

2023-08-01
甘肃
本文字数：1095 字
阅读完需：约 4 分钟

文章和代码已经归档至【Github 仓库：https://github.com/timerring/front-end-tutorial 】或者公众号【AIShareLab】回复 javascript 也可获取。

数组：(Array)是一种可以按顺序保存数据的数据类型

数组的基本使用

定义数组和数组单元

<script>  // 1. 语法，使用 [] 来定义一个空数组  // 定义一个空数组，然后赋值给变量 classes  // let classes = [];
  // 2. 定义非空数组  let classes = ['小明', '小刚', '小红', '小丽', '小米']</script>

复制代码

访问数组和数组索引

索引值从 0 开始。

数据单元值类型

数组做为数据的集合，它的单元值可以是任意数据类型

<script>  // 6. 数组单值类型可以是任意数据类型
  // a) 数组单元值的类型为字符类型  let list = ['HTML', 'CSS', 'JavaScript']  // b) 数组单元值的类型为数值类型  let scores = [78, 84, 70, 62, 75]  // c) 混合多种类型  let mixin = [true, 1, false, 'hello']</script>

复制代码

数组长度属性

数组在 JavaScript 中并不是新的数据类型，它属于对象类型。

<script>  // 定义一个数组  let arr = ['html', 'css', 'javascript']  // 数组对应着一个 length 属性，它的含义是获取数组的长度  console.log(arr.length) // 3</script>

复制代码

操作数组

数组做为对象数据类型，不但有 length 属性可以使用，还提供了许多方法：

push 动态向数组的尾部添加一个单元
unshit 动态向数组头部添加一个单元
pop 删除最后一个单元
shift 删除第一个单元
splice 用于添加或删除数组中的元素（这种方法会改变原始数组。）
splice(起始位置，删除的个数)
splice(起始位置，删除个数，添加数组元素)let arr = ['red', 'green', 'blue']arr.Splice (1, 0, 'pink', 'hotpink') // 在索引号是 1 的位置添加 pink hotpink console.log (arr) // ['red', 'pink', 'hotpink', 'green', 'blue'] `

使用以上 4 个方法时，都是直接在原数组上进行操作，即成功调任何一个方法，原数组都跟着发生相应的改变。并且在添加或删除单元时 length 并不会发生错乱。

<script>  // 定义一个数组  let arr = ['html', 'css', 'javascript']
  // 1. push 动态向数组的尾部添加一个单元  arr.push('Nodejs')  console.log(arr)  arr.push('Vue')
  // 2. unshit 动态向数组头部添加一个单元  arr.unshift('VS Code')  console.log(arr)
  // 3. splice 动态删除任意单元  arr.splice(2, 1) // 从索引值为2的位置开始删除1个单元  console.log(arr)
  // 4. pop 删除最后一个单元  arr.pop()  console.log(arr)
  // 5. shift 删除第一个单元  arr.shift()  console.log(arr)</script>

复制代码

测试: https://ks.wjx.top/vm/eeLxrmN.aspx#

发布于: 刚刚阅读数: 3

原文链接:【http://xie.infoq.cn/article/6fb631a53b638bb3efadd5fe8】。未经作者许可，禁止转载。

timerring

关注

公众号【AIShareLab】 2022-07-14 加入

他日若遂凌云志

发布

暂无评论

创作场景

javascript 数组基础

数组的基本使用

定义数组和数组单元

访问数组和数组索引

数据单元值类型

数组长度属性

操作数组

timerring

评论