iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 24
0
Modern Web

少年學Vue,如隙中窺月系列 第 24

[Day24]jsES6語法-常用陣列方法(中)

  • 分享至 

  • xImage
  •  

forEach

如果我們想存取陣列裡面每一個東西,通常會使用到 for 迴圈,如果我們今天想要讓程式更簡潔一些,可以使用 forEach 方法,他可以自動存取陣列裡面的值而不要設定初始值和條件。

let people = [
	{
		name:'Leo',
		money:100
	},
	{
		name:'Peter',
		money:200
	}
];

people.forEach(function(item,index){
	item.icash = item.money + 100;
	console.log(item)
});

map

與 forEach 和 map 最大的差異在於,map 必須回傳東西,除此之外他的功能就和 forEach 一樣,如果我們今天沒有 return 值,就會回傳 undefined。

let people = [
	{
		name:'Leo',
		money:100
	},
	{
		name:'Peter',
		money:200
	}
];

let newpeople = people.map(function(item,index){
	return {
		...item,
		icash:item.money+500
	}
});

console.log(newpeople);

上一篇
[Day23] jsES6語法-常用陣列方法(上)
下一篇
[Day25]jsES6語法-常用陣列方法(下)
系列文
少年學Vue,如隙中窺月30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言