前端项目实战68-数据处理之一个数组和一个对象

简介: 前端项目实战68-数据处理之一个数组和一个对象
export function myContact(target: any, source: any) {
    for (const [key, value] of Object.entries(source)) {
        const [name, index] = key.split('-') // 要求key只能有一个'-'字符,前面是price之类的name,后面是index数字
        if (name === 'price') { // 可以自定义判断,前缀
            target[Number(index)].price = value
        }
    }
    return target
}
//结果值
[
     {
         "styleName": "我们",
         "styleId": 2,
         "styleValue": "",
         "price": "12312"
     },
     {
         "styleName": "我们",
         "styleId": 7,
         "styleValue": "",
         "price": "12312"
     }
 ] 初始数据值
[
     {
         "styleName": "我们",
         "styleId": 2,
         "styleValue": "",
     },
     {
         "styleName": "我们",
         "styleId": 7,
         "styleValue": "",
     }
 ] 初始数据值
{
     "price-0": "12312",
     "price-1": "12312",
     "price-2": "12312"
 }
相关文章
|
5天前
|
XML 前端开发 JavaScript
前端技术的演变与实战应用
前端技术的演变与实战应用
|
1月前
|
前端开发 UED
微前端实战
微前端实战
26 2
|
2月前
|
缓存 前端开发 JavaScript
(10月最新) 前端图形学实战: 从零开发几何画板(vue3 + vite版)
(10月最新) 前端图形学实战: 从零开发几何画板(vue3 + vite版)
63 0
|
2月前
|
前端开发 数据可视化 JavaScript
前端图形学实战: 从零开发一款轻量级滑动验证码组件(vue3 + vite版)
前端图形学实战: 从零开发一款轻量级滑动验证码组件(vue3 + vite版)
91 0
|
2月前
|
前端开发 数据可视化 JavaScript
前端图形学实战: 100行代码实现几何画板的撤销重做等功能(vue3 + vite版)
前端图形学实战: 100行代码实现几何画板的撤销重做等功能(vue3 + vite版)
37 0
|
3月前
|
前端开发 Java
java前端:删除数组中指定元素的方法
java前端:删除数组中指定元素的方法
|
4月前
|
JSON JavaScript 前端开发
前端 ex2json 用于 vue/react/js 将 xls、xlsx、csv 文件转成 json 数组
前端 ex2json 用于 vue/react/js 将 xls、xlsx、csv 文件转成 json 数组
97 0
|
2月前
|
XML 前端开发 JavaScript
前端图形学实战: 从零实现编辑器的图层管理面板和实时缩略图(vue3 + vite版)
前端图形学实战: 从零实现编辑器的图层管理面板和实时缩略图(vue3 + vite版)
30 0
|
4月前
|
人工智能 JavaScript 前端开发
【前端|JS实战第1篇】使用JS来实现属于自己的贪吃蛇游戏!
【前端|JS实战第1篇】使用JS来实现属于自己的贪吃蛇游戏!
|
3月前
|
前端开发 JavaScript 测试技术
深入实战:构建现代化的Web前端应用
深入实战:构建现代化的Web前端应用
47 0