前端从入门到精通---数组(Array)

数组是有序集合, 每个值叫做一个元素, 而每个元素在数组中有一个位置, 以数字表示, 称为索引。Javascript的数组是无类型的, 数组元素可以是任意类型, 同一个数组中的不同元素可能是对象或数组。

• 数组的声明

1. 直接声明

var arr = ['Javascript', 'PHP', 'Java']
console.log(arr) // ['Javascript', 'PHP', 'Java']

2. 声明一个空数组, 再通过 push 方法插入

var arr = []
arr.push('Javascript')
arr.push('PHP')
arr.push('Java')
console.log(arr) // ['Javascript', 'PHP', 'Java']

3. 通过 new 关键字声明

var arr = new Array('Javascript', 'PHP', 'Java')
console.log(arr) // ['Javascript', 'PHP', 'Java']

• 数组的索引

数组的索引从 0 开始。

var arr = ['Javascript', 'PHP', 'Java']
// [0]是数组第一个元素: Javascript, [1]是数组第二个元素: PHP, [2]是数组第三个元素: Java
console.log(arr[0], arr[1], arr[2]) // Javascript PHP Java

arr[0] = 'Python' // 更改数组第一个元素值为 Python
console.log(arr[0]) // Python 

• 数组的长度

每个数组都有一个 length 属性, 表示数组元素的个数。

var arr = ['Javascript', 'PHP', 'Java']
console.log('数组长度为:', arr.length) // 3

arr.push('Python') // 在最后添加一个元素 Python
console.log('数组长度为:', arr.length) // 4

• 数组的使用

1. 数组中可以存入对象。

var arr = [
    {
   
        height:170,
        age: 25,
        weight: 120,
        eat: function () {
   
            console.log('吃饭')
        },
        sleep: function () {
   
            console.log('睡觉')
        },
    },
    'Javascript', 
    'PHP', 
    'Java'
]
// 数组第一个元素 arr[0] 为对象
console.log