vue如何循環(huán)給對象賦值
更新時間：2022年04月23日 10:14:52 作者：知了枝頭看雪
這篇文章主要介紹了vue如何循環(huán)給對象賦值，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
循環(huán)給對象賦值
async submitForm() {
var that = this
that.allPersonList = [] // 出庫信息數(shù)組
// 循環(huán) 得到 A0000
for (var i = 0; i < that.personList.length; i++) {//循環(huán)拿到傳過來的對象集合 personList[{},{},.......]
// 出庫信息
const newOut = { // 關鍵！ 創(chuàng)建一個新對象
A0000: that.personList[i].a0000, // 將循環(huán)拿到的屬性循環(huán)賦值給newOut.A0000
AG8700: that.getUuid(),
AG8701: this.outWareList[0],
AG8702: this.outWare.AG8702
}
that.allPersonList.push(newOut)// 循環(huán)賦值好的對象 push到 集合中
}
alert(JSON.stringify(that.allPersonList))---------> 打印的數(shù)據(jù)格式：
把已知數(shù)組循環(huán)賦值給另一數(shù)組
已知數(shù)組如下：
currentGood:[{name:'Da',ids:'aaa',pp:'123'},{name:'Cc',ids:'bbb',pp:'456'},{name:'Vv',ids:'ccc',pp:'789'}]
設置另一數(shù)組為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);運行調(diào)試結(jié)果如下
作用就是把已知的數(shù)據(jù)，重新挑選
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要為大家詳細介紹了vue實現(xiàn)商城上貨組件簡易版，50行js代碼實現(xiàn)效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-11-11
這篇文章主要為大家詳細介紹了vue+element ui實現(xiàn)錨點定位，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-06-06
這篇文章主要介紹了詳解vuejs之v-for列表渲染，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
這篇文章主要介紹了Vue中多個元素、組件的過渡及列表過渡的方法示例，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-02-02
這篇文章主要介紹了Vue?如何關掉響應式問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
這篇文章主要介紹了vue+php實現(xiàn)的微博留言功能,結(jié)合完整實例形式分析了vue.js前臺留言及后臺php交互功能相關操作技巧,需要的朋友可以參考下2019-03-03
關于Vue中echarts響應式頁面變化resize()的用法介紹
Vue項目中開發(fā)數(shù)據(jù)大屏，使用echarts圖表根據(jù)不同尺寸的屏幕進行適配，resize()可以調(diào)用echarts中內(nèi)置的resize函數(shù)進行自適應縮放，本文將給大家詳細介紹resize()的用法,需要的朋友可以參考下2023-06-06
這篇文章主要為大家詳細介紹了vue實現(xiàn)經(jīng)典選項卡功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-03-03
在 vue-cli v3.0 中使用 SCSS/SASS的方法
關于如何在 vue-cli v3.0 中使用 SCSS/SASS，這里提供三種方案。感興趣的朋友通過本文一起學習吧2018-06-06
vue中內(nèi)嵌iframe的src更新頁面未刷新問題及解決
這篇文章主要介紹了vue中內(nèi)嵌iframe的src更新頁面未刷新問題及解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-12-12