es6语法---从提交的数据 找到对应list里面的 键值id 替换--find

摘要:
比较的数据:targetlist=[{“id”:1,“host”:“https://test-api-crm-codemaster.codemao.cn/“},{”id“:2,”host“:”https://test-api-marketing.codemao.cn/“}]提交的数据:值={case_name:”1111“,group_id:23,方法:”get“,re_hea
比对的数据:
targetlist=[ { "id": 1, "host": "https://test-api-crm-codemaster.codemao.cn/" }, { "id": 2, "host": "https://test-api-marketing.codemao.cn/" } ]
 
提交的数据:
values=
{

case_name: "1111",
group_id: 23,
methods: "get",
re_head: "1111",
re_path: "1111",
st_code: "111",
st_host: "https://test-api-crm-codemaster.codemao.cn/",
state: ""
}

需求: 

提交的st_host 字符 找到 targetlist对应的id 替换

const newValues = {...values} // 解构values,将原form的values形成一个新的对象newValues
newValues.st_host = this.hosts.find(t => t.id === Number(values.st_host)).host // 利用es6数组的find函数找到对应id的item,将该item的host赋值给st_host
 
红色那坨等于下面的写法:
let host = ''
this.hosts.forEach((item, index) => {
if (item.id === Number(values.st_host)) {
  host = item.host
 }
})
 
等于下面这坨

var inventory = [
{name: 'apples', quantity: 2},
{name: 'bananas', quantity: 0},
{name: 'cherries', quantity: 5}
];

function findCherries(fruit) {
return fruit.name === 'cherries';
}

console.log(inventory.find(findCherries));

https://www.cnblogs.com/amujoe/p/8875053.html

https://www.cnblogs.com/ChineseLiao/p/11638175.html

免责声明:文章转载自《es6语法---从提交的数据 找到对应list里面的 键值id 替换--find》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇WCF的简单ArcGIS Server GP服务使用常见错误总结下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

爬取起点小说网(二)设计代码

1.安装pip install Scrapy#一定要以管理员身份运行dos窗口conda install scrapy2.创建项目scrapy startproject novel 3.创建qidianClass4.py文件,爬取小说一级分类,二级分类,名称和链接,分别存入mongdb和redis库中对应表中 import scrapy from scra...

Chrome 浏览器显示“网站连接不安全”,是什么原因?

Chrome 浏览器显示“网站连接不安全”,这可能是您最近访问网站时经常遇到的问题,浏览器地址栏中域名前面显示圆圈i图标和“不安全”字样,点击这个字样,就会看到红字警告“你与此网站之间建立的连接不安全”,这是怎么回事?这样的网站可以继续访问吗? Chrome 浏览器显示“网站连接不安全”的原因“你与此网站之间建立的连接不安全”这是浏览器对HTTP网站的警告...

在浏览器上实时显示机械臂运动,treeJS机械臂运动

背景 在网页上同步实时根据机械臂上传上的数据进行机械臂模型运动。在网页上运行借助于threeJS来进行实现。运动核心内容学习参考网址:https://www.cnblogs.com/zhnblog/p/6882683.html。本文章实现效果是六轴机械臂通过数据来进行实时运动的数字孪生。 实现 一定要看这个网址https://www.cnblogs.com...

物联网时代-新基建-ThingsBoard调试环境搭建

前言 2020开年之际,科比不幸离世、疫情当道、经济受到了严重的损失。人们都不幸的感慨: 2020年真是太不真实的一年,可以重新来过就好了!国家和政府出台了拯救经济和加速建设的利好消息。3月份最热的词是什么?价值50万亿投资额的"新基建"当之无愧。 这场声势浩大的新基建投资的主要战场,涵盖包括5G建设、特高压、城际高速铁路和城市轨道交通、新能源汽车充电桩、...

CDH| Cloudera Manager的安装

一.  cloudera manager的概念 简单来说,Cloudera Manager是一个拥有集群自动化安装、中心化管理、集群监控、报警功能的一个工具(软件),使得安装集群从几天的时间缩短在几个小时内,运维人员从数十人降低到几人以内,极大的提高集群管理的效率。 功能: 1)   管理:对集群进行管理,如添加、删除节点等操作。 2)   监控:监控集群...

Requests库入门实例

了解了Requests库的基本用法,附上一篇理论链接https://www.cnblogs.com/hao11/p/12593419.html 我们就可以做一些小实例了 1.亚马逊商品的爬取 首先用get方法对亚马逊网站发送请求,然后看返回的状态码,此处503不是200,表明没有成功, 然后要看text内容,首先检查编码格式,header中不存在,用备...