js 数组头部添加_「图形化编程」前导知识-数组(二)

在 「图形化编程」前导知识-数组(一)中,我们学习了数组的基本概念-数组的长度和下标,这回我们来看看数组的操作, 这节课我们重点关注添加元素

数组的操作

数组的操作大体可分为以下几种:

  1. 添加元素
  2. 按顺序添加元素
  3. 添加到数组尾部
  4. 添加到数组头部
  5. 按索引添加元素
  6. 删除元素
  7. 更新元素的值
  8. 查找
  9. 按元素的值查找索引
  10. 按索引取出元素的值
  11. 对数组中的元素进行排序

这节课我们重点关注添加元素,其他操作会在后面的教程中一一讲解

添加元素

添加元素操作是指把元素的值添加到一个数组中,我们可以想象成把小球放入抽屉柜的过程,只是添加进数组的位置稍有不同

按顺序添加元素

按顺序添加元素非常简单,即按照顺序依次添加元素到数组中,可以通过点击加号和减号按顺序添加或删除数组中的元素

17cce25d860484b40aa27f380842b7f0.png

顺序添加

数组的头部和尾部

数组按位置分为数组的头部和尾部,先进入数组的元素所在的一端称为数组的头部,后进入数组的元素所在的一端称为数组的尾部,如下图所示

bfa31b0d6ef0a4ca84353dc63193043a.png

头尾

添加到数组尾部

添加到数组尾部指的是把元素添加到数组的末尾,这样不会影响到数组中已经存在的元素的索引值,相当于把小球中放入抽屉柜中第一个为空的抽屉,假设抽屉柜一共有 10 个抽屉,其中前面的 5 个抽屉都放入了小球,此时抽屉柜的尾部指的是第六个抽屉,那再来一个新的小球将被放入第六个抽屉,以此类推

我们来看下面这个小程序,(可以按照图中程序模块的颜色找到对应的分类)

  1. 新建立一个名为 list 的数组,并插入 1 2 两个值 (此时值为 1 的元素的索引值是 0,值为 2 的元素的索引值是 1)
  2. 在 list 的尾部插入数字 3
  3. 按顺序取出数组中的每个值,存入变量 a 中
  4. 显示 a 的值
b26ae053d31ab54e10b476d1ebdd231c.png

添加到尾部

结果:

bc92777cc24b6e7aadf3427e5abf9af9.gif

结果

添加到数组头部

添加元素到数组头部与添加到尾部正好相反,添加一个新元素到数组的最前面(即头部),但与添加到尾部不同的是,添加到数组头部会改变当前数组里所有元素的下标,所有元素的下标会加 1,来看看另外一个例子:

  1. 新建立一个名为 list 的数组,并插入 1 (此时值为 1 的元素的索引值是 0)
  2. 在数组的头部添加 2 (此时值为 1 的元素索引值为 1,值为 2 的元素索引值为 0)
  3. 接着在数组的头部添加 3 (此时值为 1 的元素索引值为 2,值为 2 的元素索引值为 1,值为 3 的元素索引值为 0)
  4. 查询值为 1 的元素的索引值,并输出
f27ed1addb73681d4960fd472c5d43f6.png

添加到头部

结果:

d7c694a8f1fbe1644219cbfe919fa628.gif

结果

按索引添加元素

按索引添加元素就是把新元素添加到指定的索引位置,在该元素的索引之前的所有元素无影响,在该元素的索引之后的所有元素,索引值加1,看看这个例子:

  1. 创建一个数组,放入值 1 和 3 (此时 1 的索引为 0,3 的索引值为 1)
  2. 在索引值为 1 的位置插入一个新元素 2(此时 1 的索引值不变,还为 0,3 的索引值变为 2,2 的索引值为 1)
3d1e379c435006521bdf10d60ccc2cae.png

按索引添加

结果:

ba965bb6f4fad74db8e6807a536d02a3.gif

结果

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值