Js中Array数组的使用

目录

        1.什么是数组

        2.如何声明数组

        3.数组中的一些方法

                通过索引访问数组元素

                遍历数组              

                添加元素到数组的末尾 

                删除数组头部元素 

                删除数组末尾的元素

                添加元素到数组的头部 

                找出某个元素在数组中的索引 

                 通过索引删除某个元素

                从一个索引位置删除多个元素 

                复制一个数组 

     


        1.什么是数组

                        数组是一种类列表对象,它的原型中提供了遍历和修改元素的相关操作。JavaScript的 Array 对象是用于构造数组的全局对象,数组是类似于列表的高阶对象。

        2.如何声明数组

let fruits = ['Apple', 'Banana', 'Orange']


let arr = new Array(3)//()括号里面的值表示创建的数组的长度,也就是可以添加的值的个数
arr[0] = "a"
arr[1] = "b"
arr[2] = "c"
console.log(arr)
//["a","b","c"]


let arr2 = new Array()    //先声明一个变量arr2是一个数组,然后再添加你需要的数量的值
arr2.push(1)
arr2.push(2)
arr2.push(3)
console.log(arr2)
//[1,2,3]

                  通过上面两种方式都可以声明一个数组,第一种是最长用的,第二种方法有利于我们去理解数组,第三种方法使用了数组里面的push方法,这样创建数组有利于我们想添加多少就添加多少元素。当然我们的数组内部的元素不仅仅是字符串也可以是数字,也可以是数字字符串混合的,但最好是同一类型。 

        3.数组中的一些方法

                通过索引访问数组元素

let first = fruits[0]
// Apple

let last = fruits[fruits.length - 1]
// Orange

                遍历数组              

fruits.forEach(function(item, index, array) {
  console.log(item, index)
})
// Apple 0
// Banana 1
// Orange 2

                添加元素到数组的末尾 

let newLength = fruits.push('Cherry ')
// ["Apple", "Banana", "Orange" , "Cherry"]

                删除数组头部元素 

let first = fruits.shift() 
// 移除最前面的 Apple
// ["Banana", "Orange"]

                删除数组末尾的元素

let last = fruits.pop() 
// 从尾部移除Orange
// ["Apple", "Banana"]

                添加元素到数组的头部 

let newLength = fruits.unshift('Strawberry') 
// Strawberry加入到最前面
// ["Strawberry", "Apple", "Banana", "Orange" ]

                找出某个元素在数组中的索引 

fruits.push('Mango')
// ["Apple", "Banana", "Orange","Mango"]

let pos = fruits.indexOf('Banana')
// 1

                 通过索引删除某个元素

let removedItem = fruits.splice(pos, 1) 
// 如何去移除一个元素

// ["Apple", "Orange"]

                从一个索引位置删除多个元素 

let vegetables = ['Cabbage', 'Turnip', 'Radish', 'Carrot']

console.log(vegetables)

// ["Cabbage", "Turnip", "Radish", "Carrot"]

let pos = 1
let n = 2

let removedItems = vegetables.splice(pos, n)

console.log(vegetables)
// ["Cabbage", "Carrot"] 删除完剩余的

console.log(removedItems)
// ["Turnip", "Radish"]  删除的元素

                复制一个数组 

let shallowCopy = fruits.slice() 
// ["Apple", "Banana", "Orange"]

     

猜你喜欢

转载自blog.csdn.net/Jsy_997/article/details/124347077