回圈遍歷嵌套陣列以回傳物件的值

我有一個嵌套陣列，我想要做的是獲取嵌入在陣列中的物件的所有值。我目前正在獲取每個嵌入的物件并呼叫Object.values以獲取值，但是當陣列大小很大時，此方法效率不高。有沒有辦法遍歷陣列并回傳每個物件的值？任何幫助表示贊賞。提前致謝。

const data = [{"path":"uploads\\20211115000755-package.json"},{"path":"uploads\\20211115012255-index.html"},{"path":"uploads\\20211115014342-dataServerMid.js"},{"path":"uploads\\20211115031212-index.js"},{"path":"uploads\\20211115031218-uploadDataServer.js"},{"path":"uploads\\20211115031232-index.js"},{"path":"uploads\\20211115031244-dataServerMid.js"},{"path":"uploads\\20211115031250-uploadData.css"},{"path":"uploads\\20211115031303-20211115012255-index.html"},{"path":"uploads\\20211115031318-20211115031303-20211115012255-index.html"},{"path":"uploads\\20211115050204-exportsCapture.JPG"},{"path":"uploads\\20211115052347-[FREE] Stunna 4 Vegas x DaBaby x NLE Choppa Type Beat Call of Duty (320 kbps).mp3"},{"path":"uploads\\20211115200304-Readme.docx"},{"path":"uploads\\20211115202751-Visual Artist Series Fall 2019Corrected.docx"},{"path":"uploads\\20211115203354-ln command examples.docx"},{"path":"uploads\\20211115210027-Q2.docx"},{"path":"uploads\\20211116011817-Fall 2019 ABCD Plattsburgh Syllabi Course Description.docx"}]

//change this to loop and return all the values instead of having to call by index
const dataValues = [Object.values(data[0]).toString(), Object.values(data[1]).toString(), Object.values(data[2]).toString()]

console.log(dataValues)

更新：我嘗試了@yousaf 的方法。它適用于我的 3 項陣列，但不適用于此：

const data = [{
  "path": "uploads\\20211115000755-package.json"
}, {
  "path": "uploads\\20211115012255-index.html"
}, {
  "path": "uploads\\20211115014342-dataServerMid.js"
}, {
  "path": "uploads\\20211115031212-index.js"
}, {
  "path": "uploads\\20211115031218-uploadDataServer.js"
}, {
  "path": "uploads\\20211115031232-index.js"
}, {
  "path": "uploads\\20211115031244-dataServerMid.js"
}, {
  "path": "uploads\\20211115031250-uploadData.css"
}, {
  "path": "uploads\\20211115031303-20211115012255-index.html"
}, {
  "path": "uploads\\20211115031318-20211115031303-20211115012255-index.html"
}, {
  "path": "uploads\\20211115050204-exportsCapture.JPG"
}, {
  "path": "uploads\\20211115052347-[FREE] Stunna 4 Vegas x DaBaby x NLE Choppa Type Beat Call of Duty (320 kbps).mp3"
}, {
  "path": "uploads\\20211115200304-Readme.docx"
}, {
  "path": "uploads\\20211115202751-Visual Artist Series Fall 2019Corrected.docx"
}, {
  "path": "uploads\\20211115203354-ln command examples.docx"
}, {
  "path": "uploads\\20211115210027-Q2.docx"
}, {
  "path": "uploads\\20211116011817-Fall 2019.docx"
}]

//change this to loop and return all the values instead of having to call by index
const dataValues = data.map((obj, idx) => obj["path"   (idx   1)])

console.log(dataValues)

uj5u.com熱心網友回復：

使用for...of遍歷陣列，然后將值推送到新陣列。

const data=[{path1:"uploads\\20211115000755-package.json"},{path2:"uploads\\20211115012255-index.html"},{path3:"uploads\\20211115014342-dataServerMid.js"}];

const arr = [];

for (const obj of data) {
  const [value] = Object.values(obj);
  arr.push(value);
}

console.log(arr);

或者你可以使用map.

const data=[{path1:"uploads\\20211115000755-package.json"},{path2:"uploads\\20211115012255-index.html"},{path3:"uploads\\20211115014342-dataServerMid.js"}];

const arr = data.map(obj => {
  const [value] = Object.values(obj);
  return value;
});

console.log(arr);

uj5u.com熱心網友回復：

使用 for 回圈進行迭代 data

const data = [{
  "path1": "uploads\\20211115000755-package.json"
}, {
  "path2": "uploads\\20211115012255-index.html"
}, {
  "path3": "uploads\\20211115014342-dataServerMid.js"
}]

const dataValues = [];

for(var i = 0; i < data.length; i  )
{
    dataValues.push(Object.values(data[i]).toString())
}

console.log(dataValues)

uj5u.com熱心網友回復：

這可能對你有幫助。試試看..

function nestedLoop(obj) {
    const res = {};
    function recurse(obj, current) {
        for (const key in obj) {
            let value = obj[key];
            if(value != undefined) {
                if (value && typeof value === 'object') {
                    recurse(value, key);
                } else {
                    // Do your stuff here to var value
                    res[key] = value;
                }
            }
        }
    }
    recurse(obj);
    return res;
}

標籤：javascript

上一篇：導致UncaughtTypeError的NodeList的最后一次迭代（？）

下一篇：如何在React的onClick方法中添加要執行的2個函式