vue解析Json數(shù)據(jù)獲取Json里面的多個id問題
更新時間：2023年12月06日 11:09:47 作者：hhtSeeTheWorld
這篇文章主要介紹了vue解析Json數(shù)據(jù)獲取Json里面的多個id問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
Json數(shù)據(jù)獲取Json里面的多個id問題
最近做項目時，由于后端存儲多個人員時，是存的id+name的Json格式
如
[{“id”:“89070338805207040”,“name”:“翟文佳(ZGM000040)”},{“id”:“89070337614024704”,“name”:“孫奕為(ZGM000039)”}]
[{“id”:“89070336020189184”,“name”:“鄭成棟(ZGM000038)”},{“id”:“89070337614024704”,“name”:“孫奕為(ZGM000039)”}]
[{“id”:“112603510264172544”,“name”:“忘記明天(ZGM000062)”},{“id”:“112603242441084928”,“name”:“天外飛仙(ZGM000061)”}]
[{“id”:“89070336020189184”,“name”:“鄭成棟(ZGM000038)”},{“id”:“89070337614024704”,“name”:“孫奕為(ZGM000039)”}]而后端返回給我前端的也是這種數(shù)據(jù)庫里面的格式
但是我只想要這個該字段的里面的全部 id ,
但由于對前端不熟悉,才解決這個問題
這里記一下
也給其他人一個方法!
getIdsFromJson(json){
let ids=[];
if (json){
let array=JSON.parse(json);
for (let i=0;i<array.length;i++){
let tep=array[i].id;
ids.push(tep)
}
return ids;
}
},總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
Vue使用video標(biāo)簽實現(xiàn)視頻播放
這篇文章主要為大家詳細(xì)介紹了Vue使用video標(biāo)簽實現(xiàn)視頻播放，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
ArcGis?API?for?js在vue.js中的使用示例詳解
這篇文章主要為大家介紹了ArcGis?API?for?js在vue.js中的使用示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-08-08
之前文章我們描述給過Vue3 的七通信使用，今天中五篇文章我們再來看看Vue2 的通信使用寫法的相關(guān)資料,需要的朋友可以參考下面文章的具體內(nèi)容2021-09-09
vuex獲取state對象中值的所有方法小結(jié)(module中的state)
這篇文章主要介紹了vuex獲取state對象中值的所有方法小結(jié)(module中的state)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
這篇文章主要介紹了vue3無config文件夾打包后頁面空白問題及解決，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-05-05
vue學(xué)習(xí)教程之帶你一步步詳細(xì)解析vue-cli
這篇文章的主題是vue-cli的理解。或許，很多人在開發(fā)vue的時候，我們會發(fā)現(xiàn)一個問題——只會去用，而不明白它的里面的東西。現(xiàn)在的框架可以說是足夠的優(yōu)秀，讓開發(fā)者不用為搭建開發(fā)環(huán)境而煩惱。但是有時候，我們還是得回到原始生活體驗一下，才能夠讓自己更上層樓。2017-12-12
使用Vue寫一個todoList事件備忘錄經(jīng)典小案例
學(xué)習(xí)了幾天Vue之后終于迎來了第一個小案例,todoList是非常常見地一個小案例,下面這篇文章主要給大家介紹了關(guān)于使用Vue寫一個todoList事件備忘錄經(jīng)典小案例的相關(guān)資料,需要的朋友可以參考下2022-10-10
Vue.js 是一套構(gòu)建用戶界面的框架，**只關(guān)注視圖層**，它不僅易于上手，還便于與第三方庫或既有項目整合。這篇文章主要介紹了vue 的基本語法和常用指令,需要的朋友可以參考下2019-07-07
Vue3項目中通過LuckySheet實現(xiàn)Excel在線編輯功能
在實現(xiàn)Excel文件導(dǎo)入時,領(lǐng)導(dǎo)要求實現(xiàn)在前端導(dǎo)入文件后,不調(diào)用后端的接口,而是直接顯示excel文件的內(nèi)容,等待用戶修改完以后,再調(diào)用后端接口進(jìn)行文件的提交,所以本文介紹了Vue3項目中通過LuckySheet實現(xiàn)Excel在線編輯,需要的朋友可以參考下2025-04-04
這篇文章主要為大家詳細(xì)介紹了Vue實現(xiàn)簡單的發(fā)表評論功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-10-10