迴圈遍歷 JavaScript 物件陣列


我們有一個這樣的物件陣列 −

let data = [
   {id:1, Name: "Abe", RowNumber: 1 },
   {id:2, Name: "Bob", RowNumber: 2 },
   {id:3, Name: "Clair", RowNumber: 3 },
   {id:4, Name: "Don", RowNumber: 3.0 },
   {id:5, Name: "Edna", RowNumber: 3.1 },
   {id:6, Name: "Frank", RowNumber: 3.2 },
   {id:7, Name: "Gabe", RowNumber: 4 },
   {id:8, Name: "Helen", RowNumber: 5 },
   {id:9, Name: "Isabelle", RowNumber: 6 },
   {id:10, Name: "Jane", RowNumber: 7 },
   {id:11, Name: "Ken", RowNumber: 8 },
];

我們需要編寫一個 JavaScript 函式,該函式接受此陣列並返回一個字串,其中名稱從最後一個物件開始,一直到第一個物件,中間用 “,” 分隔

讓我們編寫此函式的程式碼 −

示例

const data = [
   {id:1, Name: "Abe", RowNumber: 1 },
   {id:2, Name: "Bob", RowNumber: 2 },
   {id:3, Name: "Clair", RowNumber: 3 },
   {id:4, Name: "Don", RowNumber: 3.0 },
   {id:5, Name: "Edna", RowNumber: 3.1 },
   {id:6, Name: "Frank", RowNumber: 3.2 },
   {id:7, Name: "Gabe", RowNumber: 4 },
   {id:8, Name: "Helen", RowNumber: 5 },
   {id:9, Name: "Isabelle", RowNumber: 6 },
   {id:10, Name: "Jane", RowNumber: 7 },
   {id:11, Name: "Ken", RowNumber: 8 },
];
const buildString = arr => {
   let str = '';
   for(let i = arr.length-1; i > -1; i--){
      str += `${arr[i]["Name"]}, `;
   };
   return str.substring(0, str.length-2);
};
console.log(buildString(data));

輸出

控制檯中的輸出將是 −

Ken, Jane, Isabelle, Helen, Gabe, Frank, Edna, Don, Clair, Bob, Abe

更新日期: 31-08-2020

116 次瀏覽

開啟您的 職業生涯

透過完成課程獲得認證

入門
廣告
© . All rights reserved.