JavaScript Array | 与其他程序语言很不同的阵列(上)

JavaScript Array (阵列)

阵列 (array) 是一个有序的序列,阵列中可以储存不定数量的任何值,阵列在 JavaScript 中属於复合资料型态
(composite data type)。

建立Array

一个阵列也是用中括号 [] 包在外面,值与值之间用逗号隔开
语法: var arrayName = [item1, item2, ...];

EX:

var zoo = ['lion','cow','bird','monkey','bear'];

可以在一个阵列中装不同型态的值

其他程序语言如Java,一般的阵列只能装同一型别的东西(例如整条阵列都是字串型别),而JavaScript因为是动态型别,因此它会自动辨认此值是甚麽型别,所以也不需要特别去宣告它的Type。
EX:

var arr = ['Ivy', 15, true, {id:40555},'hello']; //里面是不同型别的值

取得阵列的值并删减修改

取值

如何取得阵列的值?
语法:

然後务必要注意它的 index (索引值) 是从0开始,也就是阵列的第一个值的 index 是 0,第二个值的 index 是 1,
以此类推。
EX: 现在我要在 zoo 这个阵列找到 monkey ,我该怎麽写?

var zoo = ['lion','cow','bird','monkey','bear'];
var 猴子 = zoo[3]; //monkey 在 index 3,也就是阵列的第四个
console.log(猴子); //monkey

取得阵列长度 (length)

你可以由阵列的 length 属性得到一个阵列的长度:

var zoo = ['lion','cow','bird','monkey','bear'];
console.log(zoo.length);//5

!! arrayName.length 常常用在取值上 EX:遍历array的 for loop

修改

如果你要改这个阵列的索引 x 的值,那麽你就

arrayName[x] = 新的值;

EX:现在我zoo的阵列不要monkey了,我要改成pig

var zoo = ['lion','cow','bird','monkey','bear'];
zoo[3] = 'pig';
console.log(zoo[3]);//pig

在末端新增

加入项目至阵列末端
使用push,会回传新增之後的阵列长度

var zoo = ['lion','cow','bird','monkey','bear'];
var Zoolen = zoo.push('tiger');
console.log(Zoolen);
// 6
console.log(zoo);
//['lion','cow','bird','monkey','bear', 'tiger']

在末段删除

使用pop,会移除阵列末端项目,并回传被移除的项目

var zoo = ['lion','cow','bird','monkey','bear'];
var removeItem = zoo.pop();
console.log(removeItem);//bear

这篇先说到这里,下一篇讲Array常用的方法:
1.如何指定新增删除索引,而不是只在末端做事
2.迭代阵列的forEach
期待一下吧!

参考文章:
Fooish 程序技术
MDN Array


<<:  Day 30-完赛结论,所有公有云的问题,我一率建议 Terraform

>>:  Day15 NodeJS-NPM II

Day 24 -资料库应用小程序 资料库设计(实体关联模型(E-R model)分析)

实体关系模型 ( Entity - Relationship Model, E-R Model )是...

NestJs 延伸篇 - Federation 实作

上一篇我们建立了 gateway ,也把 Task Service 安装了 federation 的...

非专业常见面试问题

默默来到第10天啦~ 努力撑下去!!! 今天来点特别der 来个非资安专业技能的常见面试问题篇, 当...

[13th-铁人赛]Day 1:Modern CSS 超详细新手攻略 - 简介

嗨大家,我是 Ronnie! 这是我第一次参加iT铁人赛,在开始前先帮我自己订一个小小目标,就是希望...

[Day4]C# 鸡础观念- 核心的数据成员~变数(二)

千变万化的字串变数 他为什麽千变万化呢?因为字串这种型别,别人给他什麽他就是什麽 就如同一位认真向学...