iT邦幫忙

2021 iThome 鐵人賽

DAY 25
0
Modern Web

網頁設計入門筆記系列 第 25

Day25陣列(JavaScript)

  • 分享至 

  • xImage
  •  

Array陣列

簡單來說 陣列就是一個有序的序列而且裡面可以儲存不定數量的任何值
我是把它想像成一個容器
所以要使用他的話當然就是先宣告 創造這個容器囉
我覺得簡述搭配範例程式碼就會容易理解了

  • 創造 宣告陣列
    var (陣列名稱)=new Array();
    var (陣列名稱) = [(物件元素1),(物件元素2), ...];

例: var city = ['Taipei', 'Taichung','Tainan'];

  • 取得陣列長度的函數.length
    console.log(city.length)

  • 讀取陣列中某元素
    var first = city[0]; //Taipei
    var last = fruits[fruits.length - 1]; //Tainan

  • 更改某個索引值
    fruits[0] = 'Kaohsiung';
    fruits[1] = 'NewTaipei';

  • 新增元素
    city.push('Hualien');
    city.unshift('Taitung');
    這邊要特別注意這兩種新增是有區別的
    push是把新增的結果放在陣列裡的最後面 而unshift是放在陣列裡的最前面

  • 刪除元素
    city.pop('Hualien');
    city.shift('Taitung');
    delete city[0]
    這邊相對應新增就可以知道pop是移除掉最後一個元素 而shift是移除最前面的那一個
    delete的話就是指定索引值把它刪除 刪掉的地方不會移除掉 而是變成undefined


上一篇
Day24函數(JavaScript)
下一篇
Day26條件運算式if... else(JavaScript)
系列文
網頁設計入門筆記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言