第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全，請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

將對象數(shù)組轉(zhuǎn)換為數(shù)組并通過 Axios 將其作為 GET API 的參數(shù)發(fā)送

將對象數(shù)組轉(zhuǎn)換為數(shù)組并通過 Axios 將其作為 GET API 的參數(shù)發(fā)送

慕村9548890 2023-07-20 15:43:11
我有一個反應(yīng)本機(jī)應(yīng)用程序顯示一些成分，用戶可以選擇其中一些成分來過濾一個特定的配方并查看所有詳細(xì)信息，我的疑問是，如何將成分對象數(shù)組轉(zhuǎn)換為“名稱”數(shù)組并通過axios發(fā)送嗎？我從 API 接收到的對象數(shù)組：Array [  Object {    "id": 8,    "isSelected": true,    "name": "leite condensado",  },  Object {    "id": 9,    "isSelected": true,    "name": "creme de leite",  },]API 期望類似的東西/report?name='suco de lim?o', 'bolacha'因此，我只需要從名稱 Key 中提取值，作為數(shù)組。有人知道我是否可以在前面做到這一點以保留 API 而不進(jìn)行任何更新？
查看完整描述

4 回答

?
ITMISS

TA貢獻(xiàn)1871條經(jīng)驗 獲得超8個贊

您可以使用 Array.prototype.map() 函數(shù)。

其作用基本上是為每個元素調(diào)用當(dāng)前數(shù)組上的回調(diào) fn ，并根據(jù)您在回調(diào) fn 中編寫的代碼返回一個新數(shù)組。我在下面的代碼中所做的只是從原始數(shù)組中檢索每個對象的“名稱”屬性，并將這些名稱作為新數(shù)組返回。

然后循環(huán)名稱數(shù)組并附加到您的 api URL。我已經(jīng)在下面的代碼片段中完成了這兩件事，您可以嘗試運行它以更好地理解它。

const arr = [

? {

? ? id: 8,

? ? isSelected: true,

? ? name: 'leite condensado',

? },

? {

? ? id: 9,

? ? isSelected: true,

? ? name: 'creme de leite',

? },

];

const nameArr = arr.map(obj => obj.name);

//logging names array to console

console.log(nameArr);


//appending names to your api url


let url = `/report?name=`;

nameArr.forEach((name, index, ar) => {

? index === ar.length - 1 ? (url += ` '${name}'`) : (url += `?

'${name}', `);

});

//logging updated API URL to console

console.log(url);


查看完整回答
反對 回復(fù) 2023-07-20
?
天涯盡頭無女友

TA貢獻(xiàn)1831條經(jīng)驗 獲得超9個贊

您可以將數(shù)組轉(zhuǎn)換為名稱數(shù)組，如下所示


const arr = [

   {

    "id": 8,

    "isSelected": true,

    "name": "leite condensado",

  },

  {

    "id": 9,

    "isSelected": true,

    "name": "creme de leite",

  },

]


const names = arr.map(obj => {

  return obj.name

})


console.log (names)


查看完整回答
反對 回復(fù) 2023-07-20
?
泛舟湖上清波郎朗

TA貢獻(xiàn)1818條經(jīng)驗 獲得超3個贊

不確定我是否完全理解這個問題，但也許你需要這樣的東西？


    let params = []

    const array = [

    {

        "id": 8,

        "isSelected": true,

        "name": "leite condensado",

      },

    {

        "id": 9,

    "isSelected": true,

    "name": "creme de leite",

  },

]


array.map(item => params.push(item.name))

console.log(params)

https://codepen.io/pen/?editors=0011


結(jié)果將是 ["leite condensado", "creme de leite"]


基本上，您創(chuàng)建一個新數(shù)組，然后映射您擁有的結(jié)果并將所需的值推送到這個新數(shù)組中，然后將其發(fā)送到您的 api


查看完整回答
反對 回復(fù) 2023-07-20
?
呼啦一陣風(fēng)

TA貢獻(xiàn)1802條經(jīng)驗 獲得超6個贊

我和up有同樣的問題，我想將從Axios從jsonplaceholder接收到的post對象數(shù)組轉(zhuǎn)換為“post ids”數(shù)組，并通過數(shù)組數(shù)據(jù)將其發(fā)送到reducer.js。跟進(jìn)解決方案后，我得到了正確答案，如下所示。


axios.get('http://jsonplaceholder.typicode.com/posts?_start=10&_limit=5')

  .then((res)=>{

    const data=res.data

    const ids = data.map(obj=>{

      return obj.id

    console.log('axios success:'+ids)

  })

控制臺輸出如下： axios success:11,12,13,14,15


查看完整回答
反對 回復(fù) 2023-07-20
  • 4 回答
  • 0 關(guān)注
  • 250 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

 公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號