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

オブジェクトプロパティJavaScriptに基づくグループ化


一部の車に関するデータを含むオブジェクトの配列があります。配列は次のように与えられます-

const cars = [{
   company: 'Honda',
   type: 'SUV'
}, {
   company: 'Hyundai',
   type: 'Sedan'
}, {
   company: 'Suzuki',
   type: 'Sedan'
}, {
   company: 'Audi',
   type: 'Coupe'
}, {
   company: 'Tata',
   type: 'SUV'
}, {
   company: 'Morris Garage',
   type: 'Hatchback'
}, {
   company: 'Honda',
   type: 'SUV'
}, {
   company: 'Tata',
   type: 'Sedan'
}, {
   company: 'Honda',
   type: 'Hatchback'
}];

typeプロパティの値が同じであるすべてのオブジェクトが一緒に表示されるように、オブジェクトをグループ化するプログラムを作成する必要があります。

タイププロパティに従って配列を並べ替えるだけで、オブジェクトはタイププロパティのアルファベット順に並べられます。

これを行うための完全なコードは-

になります

const cars = [{
   company: 'Honda',
   type: 'SUV'
}, {
   company: 'Hyundai',
   type: 'Sedan'
}, {
   company: 'Suzuki',
   type: 'Sedan'
}, {
   company: 'Audi',
   type: 'Coupe'
}, {
   company: 'Tata',
   type: 'SUV'
}, {
   company: 'Morris Garage',
   type: 'Hatchback'
}, {
   company: 'Honda',
   type: 'SUV'
}, {
   company: 'Tata',
   type: 'Sedan'
}, {
   company: 'Honda',
   type: 'Hatchback'
}];
   const sorter = (a, b) => {
      return a.type.toLowerCase() > b.type.toLowerCase() ? 1 : -1;
   }
   cars.sort(sorter);
console.log(cars);

出力

コンソールの出力は-

になります
[
   { company: 'Audi', type: 'Coupe' },{ company: 'Honda', type: 'Hatchback' },{ company: 'Morris Garage', type: 'Hatchback' },{ company: 'Tata', type: 'Sedan' },{ company: 'Suzuki', type: 'Sedan' },
   { company: 'Hyundai', type: 'Sedan' },{ company: 'Honda', type: 'SUV' },{ company: 'Tata', type: 'SUV' },{ company: 'Honda', type: 'SUV' }
]

  1. JavaScriptのimage()オブジェクト。

    画像オブジェクトはHTML要素を表します。 以下は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> &

  2. HTMLDOMオブジェクトタイププロパティ

    HTML DOMオブジェクトタイププロパティは、オブジェクトのタイプ属性の値を設定または返すために使用されます。ただし、type属性は、オブジェクトのようなメディアタイプを設定するために使用されます。 タイププロパティを設定するための構文は次のとおりです- obj.type = type_of_media 上記のtype_of_mediaは、標準のメディアタイプです。たとえば、image / bmp、image / tiff、image/tffなどです。 タイププロパティを返す構文は次のとおりです- obj.type ここで、DOMオブジェクトタイププロパティを実装する例を見てみましょ