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

配列JavaScriptに基づいてオブジェクトをフィルタリングする


まあ言ってみれば。このような配列とオブジェクトがあります-

const arr = ['a', 'd', 'f'];
const obj = {
   "a": 5,
   "b": 8,
   "c": 4,
   "d": 1,
   "e": 9,
   "f": 2,
   "g": 7
};

オブジェクトと配列を取り込んで、配列の要素ではないすべてのオブジェクトプロパティを除外する関数を作成する必要があります。したがって、出力には「a」、「d」、「e」の3つのプロパティのみを含める必要があります。

この関数のコードを書いてみましょう-

const arr = ['a', 'd', 'f'];
const obj = {
   "a": 5,
   "b": 8,
   "c": 4,
   "d": 1,
   "e": 9,
   "f": 2,
   "g": 7
};
const filterObject = (obj, arr) => {
   Object.keys(obj).forEach((key) => {
      if(!arr.includes(key)){
         delete obj[key];
      };
   });
};
filterObject(obj, arr);
console.log(obj);

出力

コンソールの出力は-

になります
{ a: 5, d: 1, f: 2 }

  1. JavaScriptのTypedArray.filter()関数

    TypedArrayのfilter()関数は、関数の名前を表す文字列値を受け取り、配列内のすべての要素が提供された関数によって実装されたテストに合格するかどうかをテストし、テストに合格したすべての要素で新しい配列を作成します。 構文 その構文は次のとおりです typedArray.filter(function_name) 例 <html> <head>    <title>JavaScript Array every Method</title> </head> <body>   &nbs

  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