[JavaScript知识库]vue对象如何传变量进行取值

vue对象如何传变量进行取值

阐述

在开发的过程中，在使用key取值的时候，key 不一定要是一个固定的，也有可能是一个变量。

案例代码如下：

let key1 = 'name';

let objectList = {
  'id': '1',
  [key1]: '李四'
};

console.log(objectList['id']) // "1"
console.log(objectList[key1]) // "李四"
console.log(objectList.id) // '1'

根据key取出对应的value 方法

let ticketLists: [{
	id: 1,
	name: '票证1',
	ticketone: '票证1图',
	checked: true,
},
{
	id: 2,
	tickettow: '票证2图',
	name: '票证2',
	checked: true
},
{
	id: 3,
	name: '票证3',
	ticketthree: '票证3图',
	checked: true
}]
getTicketImageName(objectList, keyName) {
	for(let item in objectList) {
		console.log("wdebug---key1",objectList[item][keyName]) // 使用变量的key取值
		console.log("wdebug---key2", objectList[item].ticketone) // 使用固定的key取值
		// 循环对象，取出对应的key
		for (let index in objectList[item]) {
			// 根据对象中的key和keyName 取出对应的value
			if(index == keyName) {
				// console.log('wdebug--key值', objectList[item][keyName])
				return objectList[item][keyName] // 返回对应的value
			}
		}
	}
}

// 使用方法 
created() {
	this.getTicketImageName(ticketLists, 'ticketone')
}

创作打卡挑战赛

赢取流量/现金/CSDN周边激励大奖