Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

オブジェクトの配列で後方にループする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

  1. JavaScriptでオブジェクトを含む配列の配列をループするにはどうすればよいですか?

    以下は、JavaScriptのオブジェクトを含む配列の配列をループするコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style>

  2. JavaScriptでツリー化するオブジェクトのフラット配列

    このようなオブジェクトの配列があるとします- const arr = [    { id: '1', name: 'name 1', parentId: null },    { id: '2', name: 'name 2', parentId: null },    { id: '2_1', name: 'name 2_1', parentId: '2' },    { id: '2_2