首页 > 其他分享 >vue中改变数组对象属性名

vue中改变数组对象属性名

时间:2022-11-07 16:46:32浏览次数:36  
标签:vue 数组 Json let 数据量 字符串 data 属性

data: {
  年: 2022,
  数量: '8000'
},
// 把data下的改为年份数量改为数据量
data: {
  年份: 2022,
  数据量: '8000'
},

思路:

1.遍历Json数组;

2.将数组每一条数据转成字符串;

3.替换字符串中的属性名;

4.再将字符串转成Json格式;

5.将Json加入新的数组。

具体代码参考:

let resultData = [];
for (let i = 0; i < list.length; i++) {
  let res = JSON.parse(
    JSON.stringify(list[i])
      .replace(/年/g, '年份')
      .replace(/数量/g, '数据量')
  );
  resultData.push(res);
}

 

标签:vue,数组,Json,let,数据量,字符串,data,属性
From: https://www.cnblogs.com/yellow3gold/p/16866468.html

相关文章

  • 手写vue-router核心原理
    最近也在观察vue3新特性,抽空玩一玩嵌套路由的vue-router,直接上代码项目目录结构代码展示app.vue<template><divid="app"><div><router-linkto="/"......
  • vue3 vite代理配置,解决跨域问题
    vite.config.ts根目录文件配置exportdefaultdefineConfig({plugins:[vue()],server:{port:3000,open:true,//自动打开base:"./",//生......
  • vue表格滚动vue-seamless-scroll
    引入  npminstallvue-seamless-scroll--save  在找到main.js引入importscrollfrom'vue-seamless-scroll'Vue.use(scroll)主要代码<template>......
  • json格式的数组去重
    vararr=[{key:'01',value:'乐乐'},{key:'02',value:'博博'},{key:'03',value:'淘淘'},{key:'......
  • 力扣977 有序数组的平方
    有序数组的平方题目:给你一个按非递减顺序排序的整数数组nums,返回每个数字的平方组成的新数组,要求也按非递减顺序排序。 暴力破解:O(nlogn)(1)遍历,求出每个数字......
  • Vue3, setup语法糖、Composition API全方位解读
    起初Vue3.0暴露变量必须return出来,template中才能使用;Vue3.2中只需要在script标签上加上setup属性,组件在编译的过程中代码运行的上下文是在setup()函数中,无......
  • Vue3知识点之数据侦测
    Vue的核心之一就是响应式系统,通过侦测数据的变化,来驱动更新视图。实现可响应对象的方式通过可响应对象,实现对数据的侦测,从而告知外界数据变化。实现可响应对象的方式:g......
  • Vue3必会技巧-自定义Hooks
    Vue3自定义Hooks定义:个人理解:一些可复用的方法像钩子一样挂着,可以随时被引入和调用以实现高内聚低耦合的目标,应该都能算是hook;为什么Vue3要用自定义Hook?:结论:就是为了......
  • Vue源码解读之InitState
    前面我们讲到了_init函数的执行流程,简单回顾下:初始化生命周期-initLifecycle初始化事件-initEvents初始化渲染函数-initRender调用钩子函数-beforeCreate初始化依赖......
  • Vue3源码解读之patch
    例子代码本篇将要讲解domdiff,那么咱们结合下面的例子来进行讲解,这个例子是在上一篇文章的基础上,加了一个数据变更,也就是list的值发生了改变。html中增加了一个按钮change......