数组对象该怎么获取某个值

最新推荐文章于 2023-10-13 15:18:11 发布
最新推荐文章于 2023-10-13 15:18:11 发布
阅读量1.1w 收藏 21
点赞数 2
分类专栏： Vue 前端 JavaScript 文章标签： javascript es6 jquery vue.js 前端
本文为博主原创文章，未经博主允许不得转载。
本文链接：https://blog.csdn.net/qq_42435041/article/details/109775611
版权
前端 同时被 3 个专栏收录
21 篇文章 0 订阅
订阅专栏
JavaScript
20 篇文章 0 订阅
订阅专栏
Vue
15 篇文章 0 订阅
订阅专栏

今天在处理接口时，后台返回的数据格式是这样的在这里插入图片描述
展开后是这样
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201118155011976.png#pic_center

我需要获取其中的name值，并赋值给el-select框
在这里插入图片描述
我们在select框绑定选择后的值 bindingId.selectUser
下拉框绑定 Userkey 其中index为key,item为值（即在下拉框中显示的中文字符）
在这里插入图片描述
把获取的名字双向绑定给 bindingId.selectUser
把bindingId.selectUser传给接口去查找对应数据，最后定义一个map空对象来等待存储数据

forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。
使用方法
array.forEach(function(currentValue, index, arr), thisValue)

然后拿到接口返回的值使用forEach来遍历循环

最后通过map以键值对的形式展开，并赋值给Userkey

HsuVenChing
关注
  • 2
    点赞
  • 踩
  • 21
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
js使用for循环查询数组中是否存在某个值
10-25
IE8不支持indexOf，因此写一个for循环来判断是否存在，下面是代码，经测试还不错
Vue如何遍历包含数组的对象
qq_43575827的博客
10-22 4202
最近写项目遍历数组内对象的时候含有数组，那么如何拿到数组中对象的值呢？ 我们来看一下： items: [ { id: 1, name: "实力档口", shop: [ { name: "小丫头服饰" }, { name: "jds" }, { name...
提取数组对象中的某一个属性组成新数组
最新发布
qq_31594665的博客
10-13 1601
【代码】提取数组对象中的某一个属性组成新数组。
C#根据枚举的数值(Value)获取对应的Name值
zhruifei的专栏
09-15 2万+
原文链接：http://2sharings.com/2014/c-sharp-get-name-value-by-int 以前C#程序开发中，在获取枚举对应的Name时最常想到的方法是：传入枚举的value值，用switch或者if语句来逐个判断，然后取出匹配的Name值。但今天在这里给大家介绍一种更简洁的实现方式，用Enum.GetName()方法，具体实现看以下代码：using System;
JavaScript：遍历数组的常用方法
孙悟空
08-03 3774
本文主要讲述js遍历数组的常用方法，包括3种for循环、forEach方法和map方法。
获取数组中的每个对象中的某个属性的值
逆风优雅的博客
10-21 1万+
<script> // 假设初始数据 let arr = [ { id: 1, name: '李磊', }, { id: 2, name: '韩梅梅', }, { id: 3, name: '丽丽', }, { id: 4, name: '刘子', } ] 方法一： // 肯定要先遍历数组 , 用map 方法，把你想要的属性...
三种办法遍历对象数组，获取数组对象中所有的属性值（key,value）；四种方法查找对象数组里面的某个值
lin_s_c的博客
07-24 9821
如果是要获取具体第几个属性的值，倒是可以用arr[i].name的方法来实现。查看数据里面是否含有这个布尔值(只要有一个满足就可以了)2、every；查看数组中是否有不满足条件的，和some有相反意思。若是全部的属性的值，并返回一个新的数组嘞，思路是加循环遍历。3、forEach 方法。map方法抽取成公共方法。
JavaScript获取数组对象里面的键(key)和值(value)
热门推荐
XSL_HR的博客
03-27 4万+
JavaScript获取数组对象里面的键值
对象数组取值
a1111111456的博客
10-28 698
某个下标是否有值，有值则调用属性值，没值则返回一个固定值。群里看到了一个特有意思的语句，记录一下。内容是判断对象数组内。
js中遍历对象数组并获取对象相应的属性值
qq_46034741的博客
04-11 1万+
JavaScript中遍历对象数组的方法有很多种。以上方法都可以实现在遍历对象数组的同时，提取对象中的属性值。​方法，在遍历的同时，通过访问对象的属性来获取相应的值。
js代码-数组对象根据某个值相同合并分组
07-16
js代码-数组对象根据某个值相同合并分组
js数组数据和对象数据做比较,并改变数组的值
10-11
js数组数据和对象数据做比较,并改变数组的值
JS实现判断数组是否包含某个元素示例
12-11
本文实例讲述了JS实现判断数组是否包含某个元素。分享给大家供大家参考，具体如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> &...
获取数组对象中某一个值的数组合集，三种方法
FrozenNoodle的博客
07-17 1493
constuser=[ { name:1, age:1 }, { name:2, age:2 }, { name:3, age:3 } ] vard1=newDate().getTime() varuserName=Array.from(user,({name})=>name);//1 varuserName=user.map((item)=>{ret...
获取数组对象中某一属性值的集合
weixin_44379204的博客
05-22 1万+
之前在工作中遇到了将数组对象中的某一个属性值提取出来的需求，当时是利用foreach循环然后放入数组中的，后来发现一些简单的方法如下。 一、from方法 var user = [ { id: 1, name: "李四" }, { id: 2, name: "张三" }, { id: 3, name: "李五" } ] var userName =
关于前端的对象，如何取值、数组对象转换，以及一些举例
gjylalaland的博客
06-02 714
每个键都是一个字符串（或 ES6 中的 Symbol 类型），每个值可以是任何类型，包括数字、字符串、布尔值、null、undefined，甚至是另一个对象或数组。在 JavaScript 中，对象是一种非常重要的基础类型，它可以用于存储和处理各种数据。在开发过程中，我们经常要使用对象来表示和操作复杂的数据结构，例如表单数据、API 响应等等。在前端中，对象通常是指 JavaScript 对象，它是一种复合值类型，可以用于存储多个值（属性）。我们可以通过直接声明对象，或者通过构造函数来创建对象。
获取数组对象的某一个属性值
weixin_48962287的博客
08-03 3410
new数组 = 数组.map（item=>item.这个属性）
javascript如何获取数组和对象的值
try_and_do的博客
12-21 1万+
JavaScript只有一种数据类型可以包含多个值：对象Object。数组是对象的一种特殊形式。 对象的形式如下：{key: value, key: value, ...} 数组的形式如下：[value, value, ...] 数组和对象都有一个key -&gt; value结构。但是数组中的键必须是数字，而任何字符串都可以用作对象中的键。键值对也称为“属性”。 可以使用点表示法访问对象属性...
js判断某个数组对象中的某个值
06-07
如果你想判断某个数组对象中的某个属性是否等于某个值，可以使用数组的 `find()` 方法或 `filter()` 方法。这两个方法都可以遍历数组中的每个元素，并返回满足指定条件的元素。 例如，假设我们有一个包含多个人员信息的数组，每个人员信息都包含一个 `name` 属性和一个 `age` 属性。如果我们想判断这个数组中是否包含一个名字为 "John"，年龄为 25 的人员信息，可以使用以下代码： ```javascript var people = [ { name: "Alice", age: 30 }, { name: "Bob", age: 20 }, { name: "John", age: 25 }, { name: "Jane", age: 35 } ]; // 使用 find() 方法查找满足条件的元素 var person = people.find(function(item) { return item.name === "John" && item.age === 25; }); // 判断是否找到了满足条件的元素 if (person) { console.log("找到了满足条件的人员信息：", person); } else { console.log("没有找到满足条件的人员信息"); } ``` 在上面的代码中，我们首先创建了一个包含四个人员信息的数组 `people`，然后使用 `find()` 方法来查找名字为 "John"，年龄为 25 的人员信息。如果找到了满足条件的元素，就输出这个元素的信息；否则，就输出 "没有找到满足条件的人员信息"。 除了 `find()` 方法，还可以使用 `filter()` 方法来查找满足条件的元素。这两个方法的区别在于，`find()` 方法只返回第一个满足条件的元素，而 `filter()` 方法会返回所有满足条件的元素。例如，如果我们想找到所有年龄在 30 岁以下的人员信息，可以使用以下代码： ```javascript var youngPeople = people.filter(function(item) { return item.age < 30; }); console.log("年龄在 30 岁以下的人员信息：", youngPeople); ``` 在上面的代码中，我们使用 `filter()` 方法来过滤出所有年龄小于 30 岁的人员信息，并将结果保存在 `youngPeople` 变量中。最后，我们输出了这些人员信息。 希望这可以回答你的问题。如果你还有其他问题，请继续问我。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

HsuVenChing

文章能帮你，那将是我最大的荣幸

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值