JavaScriptでオブジェクトからNull値や未定義値を削除する-コード例

const removeNullAndUndefinedValuesFromObject = obj => {
  // 真実の値だけを持つ新しいオブジェクトを返す
  return Object.keys(obj)
    .filter(key => obj[key])
    .reduce((acc, key) => {
      // 各真実の値を新しいオブジェクトにコピーする
      acc[key] = obj[key];
      return acc;
    }, {});
};

// 今手持ち
const obj = {
  a: 1,
  b: null,
  c: undefined,
  d: 'hi'
};

console.log(removeNullAndUndefinedValuesFromObject(obj));
// { a: 1, d: 'hi' }

const removeNullAndUndefinedValues = (obj) => {
  // に値を格納するための新しいオブジェクトを作成します。
  const newObj = {};
  // 各キーにループをかける
  for (const [key, value] of Object.entries(obj)) {
    // 値が null または undefined でない場合、その値を新しいオブジェクトに追加します。
    if (value !== null && value !== undefined) {
      newObj[key] = value;
    }
  }
  // 新しいオブジェクトを返す
  return newObj;
};

const obj = {
  name: '🐶',
  age: undefined,
  color: 'brown',
  weight: undefined
};

// obj からすべての未定義値を削除します。
Object.keys(obj).forEach(key => obj[key] === undefined && delete obj[key]);

console.log(obj); // { name: '🐶', color: 'brown' }

var arr = [
  {
    name: '🐶',
    properties: {
      type: 'dog',
      color: 'brown',
      size: 'medium'
    }
  },
  {
    name: '🐱',
    properties: {
      type: 'cat',
      color: 'black',
      size: 'small'
    }
  }
];

// 配列の各オブジェクトを繰り返し処理します．
arr.forEach(function(obj) {
  // オブジェクトが 'properties' という名前のプロパティを持っているかどうかをチェックします。
  if (obj.hasOwnProperty('properties')) {
    // オブジェクトから 'properties' プロパティを削除します。
    delete obj.properties;
  }
});