[想试试看JavaScript ] 阵列
阵列
当我会想储存比较复杂的资料的时後就会使用物件
除了物件，当这些资料有顺序的话，我也可以使用阵列来储存
新建阵列
要建立新的阵列，可以使用 new 关键字来建立
var a=new Array();
并且透过 = 指定运算子将资料放进去
var a=new Array();
a[0]='John';
a[1]='Mary';
a[2]='Tom';
console.log(a) // 印出 ['John','Mary','Tom']
索引 (index)
阵列中的每一个值称之为元素，每个元素存在阵列中固定的位置，称作索引( index )
索引值从 0 开始，表示阵列中的第一个元素。
索引值 1 就是阵列中的第二个元素以此类推。
所以， a[0]='John' 就是我在第一个位置将字串 John 放进去。
a[1]='Mary' 就是在第二个位置将字串 Mary 放进去
a[2]='Tom' 就是在第三个位置将字串 Tom 放进去
存取阵列中的元素
要存取阵列中的元素，要使用索引值
语法：
array[index]
例如，我要印出第一个元素与第二个元素
var a=new Array();
a[0]='John';
a[1]='Mary';
a[2]='Tom';
console.log(a[0]) // 印出 'John'
console.log(a[1]) // 印出 'Mary'
阵列实字
阵列有个更方便与直觉地建立方式
var a=[]; // 建立空阵列
a[0]=1; // 将 1 放进第一个资料
a[1]=2; // 将 2 放进第二个资料
a[2]=3;
还有更方便的
var a=['apple','banana','Tomato']; // 建立阵列同时将资料指定进去。
阵列长度
阵列的长度可以知道阵列里有几笔资料
使用 Array.length 可以得到阵列长度
var a=['apple','banana','Tomato'];
console.log(a.length); // 印出 3
将资料自动放进网页
现在我们学会建立阵列、索引值、阵列长度这些观念，接着可以搭配之前学的回圈，自动将阵列里面的资料印出来
var a=['apple','banana','tomato'];
for(var i=0;i<a.length;i++){
console.log(a[i]);
}
这样就可以自动依序印出字串
搭配之前学的 DOM，将资料依序自动显示在画面上
<body>
<div id="root">
</div>
<script>
var a=['apple','banana','tomato'];
var root=document.getElementById('root');
for(let i=0;i<a.length;i++){
root.innerHTML+=a[i]+" ";
}
</script>
</body>
最後在网页上的结果应该会长这样
<<: 【Day 10】Introduction - Practice 2
>>: Day 8 | 3ds Max转档至unity要点Part2
伸缩自如的Flask [day15] boostrap 4.6
首先可以谈谈为甚麽采用boostrap这个框架，我想是因为可以快速搭建一个不难看的网页而且能同时具备...
#8 Web Crawler 1
今天终於要开始写点有用的东西了：网路爬虫。 这次我们就来爬铁人赛的文章吧。 设定希望的资料结构 在做...
使用Google api查询书本资讯 Day 17
这次实作的功能是使用Google Book api 使用textfield输入ISBN码按下Butt...
团队共生
前言 感谢我们一同坚持到第 30 天，本篇以「团队共生」为题，总括前述所谈，萃取我认为在团队共同成长...
[Day 28] 永和美食纪录-翻转屋 锅烧意面
前言 铁人赛已经进入最後的倒数阶段，看着版上有许多钻研着专业领域的前辈们陆陆续续地完成挑战，笔者真的...