数组的使用方法和使用场景

257 阅读2分钟

数组

数组((Array))是一种按照顺序来保持数据的一种数据类型。

使用场景:把多个数据放在一起方便管理和使用。

定义数组和数组元素

//数组语法 let 数组名 =[]

let get = []

//数组元素指的是数组里面的每一个数据

let name = ['万叶', '凌人', '公子']

通过 [] 定义数组,数据中可以存放真正的数据,如万叶,凌人等这些都是数组中的数据,我们这些数据称为数组单元,数组单元之间使用英文逗号分隔。

访问数组

使用数组存放数据并不是最终目的,关键是能够随时的访问到数组中的数据。其实 JavaScript 为数组中的每一个数据元素都编了号,通过数据单元在数组中的编号便可以轻松访问到数组中的数据元素。

我们将数据单元在数组中的编号称为下标。下标是按照数组的顺序排列的,注意是从0开始的。

如下:

//数组语法 let 数组名 =[]

let get = []

//数组元素指的是数组里面的每一个数据

let name = ['万叶', '凌人', '公子']

document.write(name[0])   //万叶

document.write(name[1])   //凌人

document.write(name[2])   //公子

万叶对应的是0,凌人对应的是1,公子对应的是2。

数组里面数组元素的类型

数组作为引用数据类型,里面可以包含任意数据类型

// 数组单值类型可以是任意数据类型

let list = ['HTML', 1, undefined, null, false]

数组长度

可以使用length去获得一个数组的长度,语法如下:

let list = ['HTML', 1, undefined, null, false]

数组名.length

console.log(list.length); //5

操作数组

操作数组就是对数组里面的元素进行增删改查

let arr = ['公子', '万叶', '钟离']

// 查, 数组名加上下标

document.write(arr[2])

// 改,把数组里面的数据重新赋值

arr[2] = 10086

document.write(arr[2])

for (let i = 0; i < arr.length; i++) {

arr[i] = arr[i] + '老师'

document.write(`${arr[i]}<br>`)

 }
//曾  将数据加在数组的末尾,并返回数据的长度

//后追加push 推

arr.push('凌人', '一斗')

document.write(arr[3])

document.write(arr[4])

//曾   将数据加在数组的前面,并返回数据的长度

//前追加push 推

 arr.unshift('雷神', '八重')

document.write(arr[0])

// 删除


pop一次只能删最后面的一个
arr.pop()

document.write(arr)

//shift一次只能删最前面的一个

arr.shift()

document.write(arr)

//splice可以重复删除,下标加上个数

//有两个参数,第一个是起算位置,第二个是个数

arr.splice(1, 1)

document.write(arr)

//splice 也可以用去在任意位置加任意数量的数组元素

arr.splice(1, 0, '魈') 

document.write(arr)  //公子,魈,万叶,钟离

#遍历数组

let arr = ['万叶', '公子', '钟离', '凌人', '一斗']

for (i = 0; i < 5; i++) {

document.write(arr[i])

}
// 遍历数组,直接把终止条件设置为数组的长度,把数组里面的数据按顺序打出来

for (let bgc = 0; bgc < arr.length; bgc++) {

  document.write(arr[bgc])
  
  }