iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 15
0
Modern Web

前端網頁設計學習旅程系列 第 15

Day15_Javascript-Array

Array

陣列是一種可以儲存有序資料的資料結構,如同其他高階程式語言,Javascript也提供一系列的語法,用以操作陣列。以下介紹一些常見的語法

建立陣列

var colors = ["red", "green", "blue"];

取得陣列

color = colors[2];
// blue

迭代陣列

colors.forEach(function(color) {
  console.log(color);
});
// red
// green
// blue

加入項目至陣列末端

var newLength = colors.push("yellow");
// ["red", "green", "blue", "yellow"]

移除陣列末端

var last = colors.pop(); // 移除 (最末端的) Orange
// ["red", "green", "blue"]

加入項目至陣列前端

var newLength = colors.unshift('orange') // 加到陣列前端
// ["orange", "red", "green", "blue"]

移除陣列前端項目

var first = colors.shift(); // 移除 (最前端的) 
// ["red", "green", "blue"]

在陣列中尋找項目的索引

var pos = colors.indexOf('green');
// 1

複製陣列

var copyArrat = colors.slice(); // 這就是複製陣列的方式
// ["red", "green", "blue"]

上一篇
D14_Javascript-data types and data structures
下一篇
Day16_Javascript-DOM
系列文
前端網頁設計學習旅程30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言