文章内容
2023/2/15 17:59:10,作 者: 黄兵
JavaScript 根据 value 获取 text 示例
下面是一个 JavaScript 的 Array：
quality: [
{
text: '高',
value: 0
},
{
text: '中',
value: 1
},
{
text: '低',
value: 2
}
],获取不同索引的 text 和 value，示例如下：
console.log(quality[0]); // Output: {text: '高', value: 0}
console.log(quality[1].text); // Output: '中'
console.log(quality[2].value); // Output: 2如何根据 value 获取 text
要根据数组中的 value 属性获取 text 属性的值，可以使用数组的 find() 方法或者 forEach() 方法进行循环查找。
使用 find() 方法：
const quality = [{
text: '高',
value: 0
}, {
text: '中',
value: 1
}, {
text: '低',
value: 2
}];
const valueToFind = 1;
const result = quality.find(item => item.value === valueToFind);
if (result) {
console.log(result.text); // Output: '中'
} else {
console.log('Value not found in the array.');
}
在上面的代码中，find()方法会返回第一个满足条件的对象，即其value属性等于valueToFind变量的值的对象。如果找到了这样的对象，则可以通过访问该对象的text属性来获取对应的文本值。
使用forEach()方法：
const quality = [{
text: '高',
value: 0
}, {
text: '中',
value: 1
}, {
text: '低',
value: 2
}];
const valueToFind = 1;
let textValue = '';
quality.forEach(item => {
if (item.value === valueToFind) {
textValue = item.text;
}
});
if (textValue) {
console.log(textValue); // Output: '中'
} else {
console.log('Value not found in the array.');
}
在上面的代码中，forEach()方法会对数组中的每个对象进行循环，通过检查每个对象的value属性是否等于valueToFind变量的值来查找匹配的对象。如果找到匹配的对象，则将其对应的text属性值赋值给textValue变量，从而得到对应的文本值。
评论列表