前端项目实战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"
 }
目录
打赏
0
0
0
0
64
分享
相关文章
【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗?-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗?-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
119 72
【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗?-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
【01】鸿蒙实战应用开发-华为鸿蒙纯血操作系统Harmony OS NEXT-项目开发实战-优雅草卓伊凡拟开发一个一站式家政服务平台-前期筹备-暂定取名斑马家政软件系统-本项目前端开源-服务端采用优雅草蜻蜓Z系统-搭配ruoyi框架admin后台-全过程实战项目分享-从零开发到上线
【01】鸿蒙实战应用开发-华为鸿蒙纯血操作系统Harmony OS NEXT-项目开发实战-优雅草卓伊凡拟开发一个一站式家政服务平台-前期筹备-暂定取名斑马家政软件系统-本项目前端开源-服务端采用优雅草蜻蜓Z系统-搭配ruoyi框架admin后台-全过程实战项目分享-从零开发到上线
80 5
【01】鸿蒙实战应用开发-华为鸿蒙纯血操作系统Harmony OS NEXT-项目开发实战-优雅草卓伊凡拟开发一个一站式家政服务平台-前期筹备-暂定取名斑马家政软件系统-本项目前端开源-服务端采用优雅草蜻蜓Z系统-搭配ruoyi框架admin后台-全过程实战项目分享-从零开发到上线
前端状态管理:Vuex 核心概念与实战
Vuex 是 Vue.js 应用程序的状态管理模式和库。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。本教程将深入讲解 Vuex 的核心概念,如 State、Getter、Mutation 和 Action,并通过实战案例帮助开发者掌握在项目中有效使用 Vuex 的技巧。
前端中对象的深度应用与最佳实践
前端对象应用涉及在网页开发中使用JavaScript等技术创建和操作对象,以实现动态交互效果。通过定义属性和方法,对象可以封装数据和功能,提升代码的组织性和复用性,是现代Web开发的核心技术之一。
前端性能优化实战:从代码到部署的全面策略
前端性能优化实战:从代码到部署的全面策略
66 1
前端性能优化实战:从代码到部署的全面指南
前端性能优化实战:从代码到部署的全面指南
81 1
前端性能优化实战:提升网页加载速度
前端性能优化实战:提升网页加载速度
116 1
前端性能优化实战:从加载速度到用户体验
前端性能优化实战:从加载速度到用户体验
前端大模型应用笔记(三):Vue3+Antdv+transformers+本地模型实现浏览器端侧增强搜索
本文介绍了一个纯前端实现的增强列表搜索应用,通过使用Transformer模型,实现了更智能的搜索功能,如使用“番茄”可以搜索到“西红柿”。项目基于Vue3和Ant Design Vue,使用了Xenova的bge-base-zh-v1.5模型。文章详细介绍了从环境搭建、数据准备到具体实现的全过程,并展示了实际效果和待改进点。
413 14

热门文章

最新文章

AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等