在脚本中从数组中搜索对象

在 JavaScript 中,在数组数据结构中处理和存储数据是很常见的。数组数据结构可以采用各种方式,例如数字、字符串、另一个数组作为元素或对象。在本文中,让我们讨论如何搜索数组中的对象以及每个对象中存在的各种值。

在这里,我们有一个名为 .在每个对象中,都有由键值对表示的各种值。有 3 个键值对。键是 和 。使用这些键,我们将能够访问每个单独对象的相应值。arrayofObjects name profession company

var arrayofObjects = [
        { name:"Adam", profession:"Engineer", company: "Google" },
        { name:"Sam", profession:"Manager", company: "Amazon" },
        { name:"Gerogia", profession:"Designer", company: "Netflix" },
        { name:"Kate", profession:"Engineer", company: "Microscoft" },
        { name:"James", profession:"Sales", company: "Amazon" },
    ];

数组由方括号表示,而对象由大括号 表示。[]{}

有几种方法可以在数组中查找对象。下面显示了一些方法。

1.在数组中使用搜索对象forEach()

 

在数组中查找对象的传统方法是使用 for Each() 循环。有了这个,我们可以循环遍历 for 循环中存在的每个元素。

首先,让我们使用数组访问整个对象。稍后我们将了解如何访问对象中存在的各个值。若要从上面的数组打印整个对象,可以使用循环。这个循环将给我们两件事:数组中的元素本身和元素的索引。为此,我们必须将两个参数传递给 。在这种情况下,我们只需要元素而不是索引,因此我们将传递一个参数 。您可以为此参数指定任何名称。forEach()forEach()forEach()object

arrayofObjects.forEach(object =>{
    console.log(object);
});

 

由于循环将遍历每个元素,因此该元素将存储在此变量中。现在,该变量将包含数组中的整个对象。如果使用控制台打印此变量,它将打印数组中存在的所有对象。forEach()objectobjectobject

输出:

Object { name: "Adam", profession: "Engineer", company: "Google" }
Object { name: "Sam", profession: "Manager", company: "Amazon" }
Object { name: "Gerogia", profession: "Designer", company: "Netflix" }
Object { name: "Kate", profession: "Engineer", company: "Microsoft" }
Object { name: "James", profession: "Sales", company: "Amazon" }

我们从数组中获取了每个对象;让我们从这些对象访问内部值。现在让我们打印在公司工作的员工的姓名。要从对象访问任何键,我们可以在变量后使用点并指定键。例如,要访问公司密钥,我们将使用 。Amazonobjectobject.company

arrayofObjects.forEach(object =>{
    if(object.company === "Amazon"){
        console.log("Amazon Employee:", object.name);
    }
});

 使用语句,我们将键的值与字符串进行比较,如果匹配,我们将进入语句内部。之后,我们将使用上面显示的方式打印在亚马逊工作的员工的姓名。这将为我们提供以下输出。ifAmazonifobject.name

输出: 

Amazon Employee: Sam
Amazon Employee: James

 由于只有两个人在亚马逊工作,我们得到和作为输出。SamJames

同样,我们可

arrayofObjects.forEach(object =>{
    console.log(object.name + " is " + object.profession +" who works at " + object.company);
});

以使用下面的 、 和 键打印所有对象中的所有值。nameprofessioncompany 

输出: 

Adam is Engineer who works at Google
Sam is Manager who works at Amazon
Georgia is a Designer who works at Netflix
Kate is Engineer who works at Microsoft
James is Sales who works at Amazon

 2.使用JavaScript 中的方法在数组中搜索对象find()

 find()方法是从 JavaScript 中的数组中查找对象及其元素的另一种方法。这是一种 ES6 方法。此方法的工作方式类似于循环,并且访问对象内的元素类似于我们之前看到的。find()forEach()

在你的代码中替换 ,你会很高兴。下面的代码还将打印数组中的每个对象。forEachfind

arrayofObjects.find(object =>{
    console.log(object);
});

输出: 

Object { name: "Adam", profession: "Engineer", company: "Google" }
Object { name: "Sam", profession: "Manager", company: "Amazon" }
Object { name: "Gerogia", profession: "Designer", company: "Netflix" }
Object { name: "Kate", profession: "Engineer", company: "Microsoft" }
Object { name: "James", profession: "Sales", company: "Amazon" }

类似地,我们还可以使用数组中对象中的每个值访问它们各自的键,如下所示。 

 

arrayofObjects.find(object =>{
    console.log(object.name + " is " + object.profession +" who works at " + object.company);
});

输出: 

Adam is Engineer who works at Google
Sam is Manager who works at Amazon
Georgia is Designer who works at Netflix
Kate is Engineer who works at Microsoft
James is Sales who works at Amazon

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值