iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >vue如何循环给对象赋值
  • 542
分享到

vue如何循环给对象赋值

2024-04-02 19:04:59 542人浏览 薄情痞子
摘要

目录循环给对象赋值把已知数组循环赋值给另一数组循环给对象赋值 async submitFORM() { var that = this that.allPe

循环给对象赋值

 async submitFORM() {
      var that = this
      that.allPersonList = [] // 出库信息数组
      // 循环 得到 A0000
      for (var i = 0; i < that.personList.length; i++) {//循环拿到传过来的对象集合 personList[{},{},.......]
        // 出库信息
        const newOut = { // 关键! 创建一个新对象
          A0000: that.personList[i].a0000, // 将循环拿到的属性循环赋值给newOut.A0000 
          AG8700: that.getUuid(),
          AG8701: this.outWareList[0],
          AG8702: this.outWare.AG8702
        }
        that.allPersonList.push(newOut)// 循环赋值好的对象 push到 集合中
      }

alert(JSON.stringify(that.allPersonList))---------> 打印的数据格式:

把已知数组循环赋值给另一数组

已知数组如下:

currentGood:[{name:'Da',ids:'aaa',pp:'123'},{name:'Cc',ids:'bbb',pp:'456'},{name:'Vv',ids:'ccc',pp:'789'}]

设置另一数组为modeDetail[]

      for (let i=0;i<this.currentGood.length;i++){
        let modelItem={};
        modelItem["id"]=this.currentGood[i].ids;
        modelItem["name"]=this.currentGood[i].name;
        modelItem["tele"]=this.currentGood[i].pp;
        modeDetail[i]=modelItem;
      }
      console.log(modeDetail);

运行调试结果如下

作用就是把已知的数据,重新挑选 

以上为个人经验,希望能给大家一个参考,也希望大家多多支持编程网。

--结束END--

本文标题: vue如何循环给对象赋值

本文链接: https://www.lsjlt.com/news/146996.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • vue如何循环给对象赋值
    目录循环给对象赋值把已知数组循环赋值给另一数组循环给对象赋值 async submitForm() { var that = this that.allPe...
    99+
    2024-04-02
  • vue怎么循环给对象赋值
    这篇文章主要介绍“vue怎么循环给对象赋值”,在日常操作中,相信很多人在vue怎么循环给对象赋值问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”vue怎么循环给对象赋值”的疑惑有所帮助!接下来,请跟着小编一起来...
    99+
    2023-06-30
  • vue如何给数组添加新对象并赋值
    目录给数组添加新对象并赋值方法一方法二数组赋值踩过的坑及解决给数组添加新对象并赋值 方法一 适用于数组就只有一组 listData: [{name:"张三",age:18}], //...
    99+
    2024-04-02
  • java如何赋值给Null的对象
    在Java中,可以使用关键字"null"将一个对象赋值为null。例如:```javaObject obj = null;```在上...
    99+
    2023-08-24
    java
  • vue $set如何实现给数组集合对象赋值
    本篇内容主要讲解“vue $set如何实现给数组集合对象赋值”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“vue $set如何实现给数组集合对象赋值”吧!vue $set 数组集合对象赋值在vu...
    99+
    2023-06-20
  • vue如何给input赋值
    在vue中给input赋值的方法:1.新建vue.js项目;2.添加input输入框;3.为input添加@input="changeVersion"样式属性;4.执行代码为input赋值;具体步骤如下:首先,在vue-...
    99+
    2024-04-02
  • vue $set 实现给数组集合对象赋值
    vue $set 数组集合对象赋值 在vue自定义数组对象集合中,想要给每个数组对对象再添加一个属性和值。 // data定义一个集合对象 responseData:[ ...
    99+
    2024-04-02
  • vue如何给标签赋值
    在vue中给标签赋值的方法:1.新建vue.js项目;2.在项目中添加div标签,并设置labelId属性;3.使用v-bind指令绑定标签属性;4.通过例化vue对象给标签赋值;具体步骤如下:首先,在vue-cli中创建一个vue.js项...
    99+
    2024-04-02
  • vue怎么给数组添加新对象并赋值
    这篇文章主要介绍了vue怎么给数组添加新对象并赋值的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇vue怎么给数组添加新对象并赋值文章都会有所收获,下面我们一起来看看吧。给数组添加新对象并赋值方法一适用于数组就只...
    99+
    2023-06-30
  • vue中$set怎么给数组集合对象赋值
    这篇文章主要讲解了“vue中$set怎么给数组集合对象赋值”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“vue中$set怎么给数组集合对象赋值”吧!vue $set 数组集合对象赋值在vue...
    99+
    2023-07-04
  • java怎么用for循环给数组赋值
    要使用for循环给数组赋值,可以按照以下步骤进行:1. 声明一个数组,并指定数组的长度。2. 使用for循环,从0开始遍历数组的索引...
    99+
    2023-08-15
    java
  • java里面给对象赋值,慎用赋值符号(=) (转)
    java里面给对象赋值,慎用赋值符号(=) (转)[@more@]对于对象来说,注意变量名类似于指针,所以请慎用赋值符号(=)!比如下面的代码:  ArrayList alAll = new ArrayList();  ...
    99+
    2023-06-03
  • vue如何动态给img赋值
    目录vue动态给img赋值1.如果直接给img的src绑定一个字符串2.解决办法vue动态赋值img的src,用require()用require()就可以了vue动态给img赋值 ...
    99+
    2024-04-02
  • c语言怎么用for循环给数组赋值
    在C语言中,可以使用for循环给数组赋值。以下是一个示例:```c#include #define SIZE 5int main()...
    99+
    2023-09-04
    c语言
  • 怎么用vue的$set实现给数组集合对象赋值
    这篇“怎么用vue的$set实现给数组集合对象赋值”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看...
    99+
    2024-04-02
  • python中如何实现for循环赋值
    这篇文章主要介绍了python中如何实现for循环赋值,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。For循环赋值前提条件:我创建了一个road类,这个类里面有这些属性。我先...
    99+
    2023-06-15
  • java使用反射给对象属性赋值
    📢 📢 📢 📣 📣 📣 哈喽!大家好,我是「奇点」,江湖人称 singularity。刚工作几年,想和大家一同进步...
    99+
    2023-09-02
    java 反射 Powered by 金山文档
  • vue如何将对象中所有的key赋为空值
    目录将对象中所有的key赋为空值先来看看Object.assign的基本用法vue空值报错问题将对象中所有的key赋为空值 Object.assign的使用,当然你也可以使用for去...
    99+
    2024-04-02
  • jquery如何给li赋值
    使用jquery给li标签赋值的方法:1.新建html项目,引入jquery;2.创建li标签列表;3.添加button按钮,绑定onclick点击事件;4.在点击事件中创建数组;5.通过each()方法遍历标签,使用text()方法赋值;...
    99+
    2024-04-02
  • jquery如何给div赋值
    使用jquery给div赋值的方法:1.新建html项目,引入jquery;2.创建div标签,设置id属性;3.添加button按钮,绑定onclick点击事件;4.通过id属性获取对象,使用text()方法赋值;具体步骤如下:首先,新建...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作