代码之家 › 专栏 › 技术社区 › Stéphane GRILLON

如何根据特定属性在数组中查找特定的值元素?

find filter arrays javascript

Stéphane GRILLON · 技术社区 · 6 年前

var attributeList = [];

var attributeEmail = {
    Name : 'email',
    Value : 'email@mydomain.com'
};
var attributePhoneNumber = {
    Name : 'phone_number',
    Value : '+15555555555'
};
attributeList.push(attributeEmail);
attributeList.push(attributePhoneNumber);

结果是:

Attributes: Array(2)
1: {Name: "phone_number", Value: "+15555555555"}
2: {Name: "email", Value: "email@mydomain.com"}

我需要在中查找电子邮件 attributeList

var email = getEmail(attributeList);
console.log(email); // email@mydomain.com

private getEmailAttribute(attributeList) {
    // Name: "email"...
    return ????;
}

3 回复 | 直到 6 年前

Nick Parsons Felix Kling 6 年前

你可以使用 .find 具有 destructuring assignment 获取具有 Name 电子邮件。然后,一旦检索到对象,就可以使用 .Value 财产。

见下例:

function getEmailAttribute(attributeList) {
  return attributeList.find(({Name}) => Name === "email").Value;
}

var attributeList = [{Name: 'email', Value: 'email@mydomain.com'},{Name: 'phone_number', Value: '+15555555555'}];
console.log(getEmailAttribute(attributeList));

作为旁注。要在javascript中声明函数,不使用 private 关键字。相反,您可以使用 function 我上面有个关键词。

jo_va 6 年前

您可以使用 filter() , map() 和 shift() . 这种方法是安全的,它 不会投掷 并将返回 undefined 如果找不到电子邮件对象。

const attributeList = [];

const attributeEmail = {
  Name : 'email',
  Value : 'email@mydomain.com'
};
const attributePhoneNumber = {
  Name : 'phone_number',
  Value : '+15555555555'
};
attributeList.push(attributeEmail);
attributeList.push(attributePhoneNumber);

function getEmailAttribute(attributes) {
    return attributes
      .filter(attr => attr.Name === 'email')
      .map(attr => attr.Value)
      .shift();
}

const email = getEmailAttribute(attributeList);
console.log(email);

Maheer Ali 6 年前

使用 Array.prototype.find() 得到 object 谁的 Name = "email" 然后 return 它的 Value .

var attributeList = [];

var attributeEmail = {
    Name : 'email',
    Value : 'email@mydomain.com'
};
var attributePhoneNumber = {
    Name : 'phone_number',
    Value : '+15555555555'
};
attributeList.push(attributeEmail);
attributeList.push(attributePhoneNumber);

function getEmailAttribute(list){
  let obj = list.find(item=> item.Name === "email")
  return obj && obj.Value;
}
let email = getEmailAttribute(attributeList);
console.log(email);

推荐文章

Anthony James · Excel vba查找单词,然后执行vlookup

7 年前

M Laird · 查找-perm-u=w显示所有文件

7 年前

mauek unak · 查找文件扩展名中字母字符最多的文件

7 年前

PineNuts0 · Python:熊猫数据框使用通配符在列中查找字符串并保留行

7 年前

Navid Ghajarnia · 在Matlab中查找单元格数组结构,错误:需要一个大括号或点索引表达式的输出

7 年前

joe · 如果找不到具有特定类jquery的子级,则追加div

7 年前

Mian Bilawal · 强制查找文件*C

7 年前

capser · 使用-exec显示find命令的输出

7 年前

smci · 获取给定索引前后(窗口+/-1)的向量索引

7 年前

Mike Mann · 循环if条件并搜索。如果找不到值,该怎么办

7 年前