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

null値のJavaScriptを使用して配列内のオブジェクトを除外します


たとえば、会社の一部の従業員に関する一連のオブジェクトがあるとします。ただし、配列にはいくつかの不正なデータが含まれています。つまり、空の文字列または誤った値を指すキーが含まれています。私たちの仕事は、配列を取り込んで、名前キーにnull、未定義、または空のstringvalueを持つオブジェクトを削除し、新しいオブジェクトを返す関数を作成することです。

オブジェクトの配列は次のようになります-

let data = [{
   "name": "Ramesh Dhiman",
   "age": 67,
   "experience": 45,
   "description": ""
}, {
      "name": "",
      "age": 31,
      "experience": 9,
      "description": ""
}, {
      "name": "Kunal Dhiman",
      "age": 27,
      "experience": 7,
      "description": ""
}, {
      "name": "Raman Kumar",
      "age": 34,
      "experience": 10,
      "description": ""
}, {
      "name": "",
      "age": 41,
      "experience": 19,
      "description": ""
   }
]

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

let data = [{
   "name": "Ramesh Dhiman",
   "age": 67,
   "experience": 45,
   "description": ""
}, {
      "name": "",
      "age": 31,
      "experience": 9,
      "description": ""
}, {
      "name": "Kunal Dhiman",
      "age": 27,
      "experience": 7,
      "description": ""
}, {
      "name": "Raman Kumar",
      "age": 34,
      "experience": 10,
      "description": ""
}, {
      "name": "",
      "age": 41,
      "experience": 19,
      "description": ""
   }
]
const filterUnwanted = (arr) => {
   const required = arr.filter(el => {
      return el.name;
   });
   return required;
};
console.log(filterUnwanted(data));

出力

コンソールの出力は-

になります
[
   { name: 'Ramesh Dhiman', age: 67, experience: 45, description: '' },
   { name: 'Kunal Dhiman', age: 27, experience: 7, description: '' },
   { name: 'Raman Kumar', age: 34, experience: 10, description: '' }
]

  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&g

  2. JavaScriptでnull/空のオブジェクトを持つ配列に値を割り当てる方法は?

    以下は、JavaScript-を使用してnull/空のオブジェクトを含む配列に値を割り当てるコードです。 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> &