数组

创建于初始化数组

用JavaScript声明、创建和初始化数组

// 需求在数组开头添加一个元素
let dayOfWeek = new Array()     // 声明并初始化数组
dayOfWeek = new Array(7)        // 创建一个指定长度的数组

// 直接将数组元素作为参数传递给他的构造器
dayOfWeek = new Array('Sunday', 'Monday', 'Tuesday', 
'Wensday', 'Thursday', 'Friday', 'Saturday')

new创建数组并不是最好的方式,在实际中只需要用中括号 [] 的形式就可。

let datyOfWeek = []

也可以使用元素初始化数组

let dayOfWeek = ['Sunday', 'Monday', 'Tuesday',
 'Wensday', 'Thursday', 'Friday', 'Saturday']

// 使用数组的length属性,可知道数组的大小
console.log(dayOfWeek.length);   

访问元素与迭代数组

  • 要访问数组里特定位置的元素,可使用中括号传递数值位置。想知道数组的所有元素,可以使用循环迭代数组、打印数组
for(let i = 0; i < dayOfWeek.length; i++){
    console.log(dayOfWeek[i]);
}
  • 栗子2: 求斐波那契数列的前20个数,已知数列中的前两项是1,从第三项开始,每一项都等于前两项之和。
  • 在JavaScript,数组的第一位始终是0,因斐波那契数列不存在0,所以直接略过。在第二位开始保存斐波那契中对应的元素
  • 所需要做的是得到斐波那契数列中第三到第二十位置上的数(前两位已经初始化过),可以用循环来处理,把数组中前两位的元素相加,结果赋值给索引 3-19
const fibonaci = [];  // 声明并创建数组
// 赋值给数组 1,2 位置
fibonaci[1] = 1;
fibonaci[2] = 1;

for(let i = 3; i < 20; i++){
    fibonaci[i] = fibonaci[i-1] + fibonaci[i-2]
}
console.log(fibonaci);  // 输出数组

// 循环迭代数组 查看所有元素
for(let i = 0; i < fibonaci.length; i++){
    console.log(fibonaci[i]);
}

添加元素

  • 在数组末尾插入元素
    只需要赋值给数组最后一个空位的元素即可
// 声明数组 
let numbers = [1, 2, 3, 4, 5, 6]

numbers[numbers.length] = 7

使用push方法
使用push方法可以添加任意个元素

numbers.push(8)
numbers.push(9, 10)

在数组开头插入元素

  • 如果在数组的开头插入元素 -1 ,首先需要腾出数组里的第一个袁术的位置,把所有的元素享有移动一位。
  • 想要这样做,我们需要循环数组中的元素,从最后一位(长度值就是数组的末尾)开始,将对应的前一个元素(i-1)的值赋值给(i),最后赋值给第一位(索引0的位置)
// 直接将函数添加在Array 的原型上,这样,所有的数组实例都可以访问这个函数
Array.prototype.insertFirst = function(value){
    for(let i = numbers.length; i > 0; i--){
        // 将数组的前一位元素赋值给下一位元素的位置
        this[i] = this[i - 1]
    }
    this[0] = value  // 赋值给索引为0
}
// 数组numbers调用自己定义的函数 给索引值为0 的位置赋值 -1
numbers.insertFirst(-1)
console.log(numbers);  // 打印

使用unshift方法
可以直接把数值插入数组的开头(背后的运行逻辑与上面自己写的一样)

// 在数组的开头添加-2
numbers.unshift(-2)
// 在数组的开头添加-3,-4
numbers.unshift(-3,-4)
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 数组的定义 为什么要使用数组 单一的变量很难满足需求,这个时候多变量的集合数组出现了 数组的定义 类型 数组名[...
    V_梦凡阅读 448评论 0 2
  • 创建和初始化数组 JavaScript 声明, 创建和初始化数组, 如下: 使用 new 关键字,声明并初始化一个...
    草帽lufei阅读 773评论 0 0
  • 一、一维数组和二维数组。 1、一维数组定义方式:类型说明符 数组名[ 常量表达式 ]; (1)在定义数组时,要定义...
    逆流而上jiao阅读 537评论 1 1
  • 数组 数组是一组有序的数据集合,数组内部可以存放多个数据,不限数据类型 获取数组元素 数组通过一个index去获取...
    安掌门dear阅读 272评论 0 0
  • 情人节要啥鲜花,要啥女朋友?老薛陪你过😋 本文内容均属老薛原创,转载请注明出处,https://www.jians...
    坑王老薛阅读 903评论 0 2