VUE学习笔记——es6对象合并 数组转对象
2023-06-13 09:13:41 时间
大家好,又见面了,我是你们的朋友全栈君。
测试数据
let array = [
{name: 'Conan', age: 17, gender: true},
{name: 'Ran', age: 16},
{name: 'Sherry', age: 20}
];
方法一:循环
const arr = [{date: "2018-11-18", name: "demo1"}, {date: "2018-11-19", name: "demo2"}];
const target = {};
arr.forEach(a => {
const source = JSON.parse(`{"${a.date}":"${a.name}"}`);//利用JSON.parse将对象
//格式直接造出来
Object.assign(target,source);
})
// console.log(target)
方法二:析构函数
let result = {...array};
/*
{
0:{"name":"Conan","age":17,"gender":true},
1:{"name":"Ran","age":16},
2:{"name":"Sherry","age":20}}
}
*/
方法三:累加器
let result = array.reduce((accumulator, current) => {
accumulator[current.name] = current;
return accumulator;
}, {});
/*
{
Conan: {name: "Conan", age: 17, gender: true}
Ran: {name: "Ran", age: 16}
Sherry: {name: "Sherry", age: 20}
}
*/
方法四:循环
let result = {};
array.forEach((item, index) => result[item.name] = item);
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/197380.html原文链接:https://javaforall.cn
相关文章
- 尚硅谷Vue课程P30-P35笔记(后台回复 vue 可获得更多笔记!)
- es6数组方法图解
- Es6新特性之Promise
- Vue(3)webstorm代码格式规范设置与vue模板配置
- 每天3分钟,重学ES6-ES12(十五)异步代码处理方案
- 每天3分钟,重学ES6-ES12(十四)asyncu002Fawait
- 请简述什么是Vue组件化开发_vue组件化开发
- JavaScript中var与新定义的ES6中的let的区别
- ipad分屏功能怎么使用_es6 reflect
- 一文搞清楚ES6新增数据结构 Symbol Map WeakMap Set WeakSet
- Vue(五)计算属性、过滤器、axios、vue 生命周期
- Vue生成二维码_vue视频软件怎么生成二维码
- ES5和ES6继承的区别「建议收藏」
- Vue和vue全家桶有什么区别_Vue和vue全家桶有什么区别
- ES6数组的扩展扩展运算符(spread)三个点(...)
- Uncaught SyntaxError: Cannot use import statement outside a module的解决方法(使用Es6语法引入js对象文件报错)
- JS模块化—CJS&AMD&CMD&ES6-前端面试知识点查漏补缺_2023-03-13
- vue.js入门篇之Vue.js 样式绑定
- IDEA安装Vue插件后为什么创建.vue文件不显示vue图标
- 安装Vue on Linux:轻松搭建开发环境(linux安装vue)
- Vue快速连接Redis实现数据存储(vue 直连redis)
- Vue中触发Redis订阅通知(vue中订阅redis)
- 研究Oracle VUE价格探究深入探究和分析(oracle vue价格)