iT邦幫忙

DAY 5
3

Javascript 邊學邊做 - 三十個網頁小工具系列 第 5

Javascript-30天邊學邊做(5) Javascript 內建物件 Array

  • 分享至 

  • xImage
  •  

簡介 Javascript 內建物件 Array
Day5 – Javascript 內建物件 簡介

在 Javascript 裡除了基本的資料型態()外,還提供了多功能的內建物件供使用:

Boolean – true 和 false
Number - 整數、浮點數等
String - 字串物件
Array - 陣列物件
Math - 提供數學常數與計算
Date - 處理時間與日期
RegExp - 正規表達式

每個物件都有自己的屬性與方法,今天來玩一下Array 陣列物件XD

在Javascrip中的Array可以容納任何的數值或其他物件,建立Array的方式如下,個人習慣使用 literal 的方式

// 相同型態的陣列
var myArr = [“I”, “You”, “We”, “haha”];
// 數值陣列
var myNumArr = [1, 3, 5, 7, 9];
// 不同型態混合
var myMixArr = [1, “dog”, 2, “rain”];
// 取出陣列元素的方法,用 [] 加 索引值 index,索引值是由0開始計算
alert(myArr[0]);  // “I”
alert(myNumArr[3]); // 7

// 以下介紹一些陣列的方法及屬性

myArr.length; // 取得陣列長度

myArr.join(separator); // 連結陣列中的元素

myArr.pop(); // 移除最後一個元素並回傳值

myArr.push(item); // 加入新元素到陣列

myArr.reverse(); // 倒轉陣列

myArr.slice(start, end); // 取出陣列的切片(子陣列)

今日練習:
[https://mega.co.nz/#!AAx3mZoQ!W644_2z4d3Qgq94JEZWV4R4TlJlqyvI3b5JZkQVtgQg
](https://mega.co.nz/#!AAx3mZoQ!W644_2z4d3Qgq94JEZWV4R4TlJlqyvI3b5JZkQVtgQg<br />
)


上一篇
Javascript-30天邊學邊做(4) Javascript 事件簡介
下一篇
Javascript-30天邊學邊做(6) Javascript 內建物件 String
系列文
Javascript 邊學邊做 - 三十個網頁小工具7
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言