iT邦幫忙

2024 iThome 鐵人賽

DAY 22
1

https://ithelp.ithome.com.tw/upload/images/20240903/20166952TqxLA22k5N.jpg

嗨嗨~今天是我的休假日~
去了一家名為羊毛與花的咖啡廳
不限時又附水又附插頭~還不趕快去爆!
打掃了家裡、看了一部電影、整理出差的行李、去咖啡廳~
算是很充實的一天呢!


那我們開始先來講解一些比較單純的陣列用法,那下面會講到比較常見的陣列用法喔~


// 宣告一個空陣列
let array = [];

// 初始化陣列
let array2 = [1, 2, 3, 4, 5];

// 存取和修改元素
array2[0] = 10;
let firstElement = array2[0];
console.log(firstElement);  // 10

陣列中的length


var numbers = [1, 2, 3, 4, 5];
var length = numbers.length;
for (var i = 0; i < length; i++) {
  numbers[i] *= 2
}
console.log(numbers);//[2,4,6,8,10]


push()
會添加一個或多個元素至陣列的末端,並且回傳陣列的新長度


const animals =['pigs','goat','sheep'];
const count = animals.push('cows');
console.log(animals);//["pigs","goat","sheep","cows"]
console.log(count);//4
//這個是4的原因是,count被賦予的是push的返回值,而不是陣列的內容
console.log(count) 的輸出是 4,而不是 ['dogs', 'cats', 'birds', 'cows']!!


map()
建立一個新的陣列,其內容為原陣列的每一個元素經由回呼函式運算後所回傳的結果之集合。


const array1 = [1, 4, 9, 16];
const map1 = array1.map((x) => x * 2);//直接把值*2
console.log(map1);// [2, 8, 18, 32]


slice()
回傳一個新陣列物件,為原陣列選擇之 begin 至 end(不含 end)部分。
原本的陣列將不會被修改。


const animals = ['ant', 'bison', 'camel', 'duck', 'elephant'];
console.log(animals.slice(2));
// ["camel", "duck", "elephant"],因為camel是索引[2]
console.log(animals.slice(2, -1));
//["camel", "duck"],-1的索引位置是duck主要是它並不會回傳它本身位置的值,就是那句不含end

我是超級新手,若有任何建議或是錯誤的部分,歡迎底下留言唷thanks
我們下篇文章見掰掰~

對自己多用點心,日益努力,而後風生水起。盡情玩耍,盡情學習,盡情熱愛,盡情討厭,在需要的時候釋放善意,在必要的時候展現強硬,把這不得不過完的一生,變成值得慶賀的一生。


上一篇
JS漫遊記-21-物件舉例
下一篇
JS漫遊記-23-函數
系列文
JS漫遊記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言