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 = { // 關(guān)鍵！ 創(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)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了vue 如何實現(xiàn)配置@絕對路徑，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
這篇文章主要介紹了Vue 組件的掛載與父子組件的傳值實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-09-09
vue2+el-menu實現(xiàn)路由跳轉(zhuǎn)及當前項的設置方法實例
這篇文章主要介紹了vue2+el-menu實現(xiàn)路由跳轉(zhuǎn)及當前項的設置,方法實例代碼詳解，非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-11-11
vue-router vuex-oidc動態(tài)路由實例及功能詳解
這篇文章主要為大家介紹了vue-router vuex-oidc動態(tài)路由實例及功能詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-11-11
這篇文章主要介紹了vue-cli3配置多項目并按項目分別實現(xiàn)打包方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-01-01
這篇文章主要為大家詳細介紹了vue實現(xiàn)頭像上傳功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
使用vue3實現(xiàn)element-plus的主題切換效果
Vue3 Element Plus是一個基于Vue 3框架的UI組件庫,它是由Element UI團隊開發(fā)的升級版本,Element Plus延續(xù)了Element UI簡潔、高效的風格,并引入了一些新的設計語言和技術(shù),如響應式API和更好的性能優(yōu)化,本文給大家介紹了如何使用vue3實現(xiàn)element-plus的主題切換效果2024-12-12
這篇文章主要為大家詳細介紹了vue實現(xiàn)通訊錄功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-07-07
Vue3.5?發(fā)布已近半年,這篇文章主要來和大家技術(shù)一下它常用的新增和改動特性,文中的示例代碼講解詳細,有需要的小伙伴可以跟隨小編一起學習一下2025-01-01
這篇文章主要介紹了vue之子組件如何修改父組件的值問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-07-07