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

プロパティを分割して配列をオブジェクトに変換する-JavaScript


各要素にダッシュ(-)が付いた文字列リテラルの配列があります。プロパティキーはダッシュの左側にあり、その値は右側にあります。サンプルの入力配列は次のようになります-

const arr = ["playerName-Kai Havertz", "age-21", "nationality-German", "postion-CAM", "languages-German,English,Spanish", "club-Chelsea"];

これらの文字列を分割し、この配列からオブジェクトを形成する関数を作成する必要があります。

コードを書いてみましょう。配列をループして各文字列を分割し、新しいオブジェクトにフィードします。

以下はコードです-

const arr = ["playerName-Kai Havertz", "age-21", "nationality-German",
"postion-CAM", "languages-German,English,Spanish", "club-Chelsea"];
const arrayToObject = arr => {
   const obj = {};
   arr.forEach(string => {
      const [key, value] = string.split("-");
      obj[key] = value;
   });
   return obj;
};
console.log(arrayToObject(arr));

出力

これにより、コンソールに次の出力が生成されます-

{
   playerName: 'Kai Havertz',
   age: '21',
   nationality: 'German',
   postion: 'CAM',
   languages: 'German,English,Spanish',
   club: 'Chelsea'
}

  1. JavaScriptオブジェクトのプロパティ

    JavaScriptのプロパティは、オブジェクトに関連付けられた値です。以下は、JavaScriptでオブジェクトプロパティを実装するコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Doc

  2. 配列プロパティの長さで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&