Modify the attributes of items in a way that is unchangeable for certain identifiers

Question

Modify the attributes of items in a way that is unchangeable for certain identifiers

If any pre-defined keys have an empty string value, I want to replace it with a null value.

For example:

const foo = {
  first: '',
  second: 'bar',
  third: '',
  fourth: '',
  fifth: '',
}

Should be updated to:

const foo = {
  first: null,
  second: 'bar',
  third: '',
  fourth: null,
  fifth: '',
}

Now we can use the following function successfully:

const normalize = (payload, keys) => {
  const clone = { ...payload }
  Object.entries(payload).forEach(([key, value]) => {
    if (keys.includes(key) && value === '') {
      clone[key] = null;
    }
  });
  return clone;
}

const foo = {
  first: '',
  second: 'bar',
  third: '',
  fourth: '',
  fifth: '',
}

console.log(normalize(foo, ['first', 'third']));

However, the 'clone' variable could be improved.

One common method for this is using Object.assign().

Would you like to explore this approach?

javascript immutability

Answer 1

Answer №1

Here's an alternative method that involves looping through the keys argument array. It is more efficient to focus on only the necessary keys in the object.

const convertEmptyStringToNull = (data, keys) => {
  return keys.reduce((result, key) => {
    (result[key] === '') && (result[key] = null)
    return result;
  }, { ...data })
}

const exampleData = {
  first: '',
  second: 'bar',
  third: '',
  fourth: '',
  fifth: '',
}

console.log(convertEmptyStringToNull(exampleData, ['first', 'third']));

Answer 2

Here's an alternative method that involves looping through the keys argument array. It is more efficient to focus on only the necessary keys in the object.

const convertEmptyStringToNull = (data, keys) => {
  return keys.reduce((result, key) => {
    (result[key] === '') && (result[key] = null)
    return result;
  }, { ...data })
}

const exampleData = {
  first: '',
  second: 'bar',
  third: '',
  fourth: '',
  fifth: '',
}

console.log(convertEmptyStringToNull(exampleData, ['first', 'third']));

Answer 3

Answer №2

Is it possible to iterate through the array and update the object values?

const data = {
  name: 'John',
  age: 25,
  city: 'New York',
}

function modifyObject(obj, keys) {
  const newObj = {...obj}
  for (let i = 0; i < keys.length; i++) {
    newObj[keys[i]] = null;
  }
  return newObj;
}
console.log(modifyObject(data, ['age', 'city']));

Answer 4

Is it possible to iterate through the array and update the object values?

const data = {
  name: 'John',
  age: 25,
  city: 'New York',
}

function modifyObject(obj, keys) {
  const newObj = {...obj}
  for (let i = 0; i < keys.length; i++) {
    newObj[keys[i]] = null;
  }
  return newObj;
}
console.log(modifyObject(data, ['age', 'city']));

Answer 5

Answer №3

If you want to eliminate specific keys from an object, you can iterate through the object using for...in and then use some() method to check if the key matches the desired ones.

const data = {
  first: '',
  second: 'bar',
  third: '',
  fourth: '',
  fifth: '',
}

const filterKeys = ({...obj}, keys) => {
  for (let key in obj) {
    if(keys.some(k => k === key)) {
      obj[key] = null;
    }
  }

  return obj;
}

console.log(filterKeys(data, ['third', 'fifth']));

Answer 6

If you want to eliminate specific keys from an object, you can iterate through the object using for...in and then use some() method to check if the key matches the desired ones.

const data = {
  first: '',
  second: 'bar',
  third: '',
  fourth: '',
  fifth: '',
}

const filterKeys = ({...obj}, keys) => {
  for (let key in obj) {
    if(keys.some(k => k === key)) {
      obj[key] = null;
    }
  }

  return obj;
}

console.log(filterKeys(data, ['third', 'fifth']));

Answer 7

Answer №4

What do you think of this?

If you look at your keys in norm, the function will return a new mapping that is either null if it needs to be normalized or just an empty string.

const obj = {
  first: '',
  second: 'bar',
  third: '',
  fourth: '',
  fifth: '',
}, norm = ['third', 'fifth'];

const normalizeFunction = (payload, keys) => {
    return keys.reduce((acc, key) => acc[key] === "" ? (acc[key] = null) : acc, {...payload})
}

The result will be:

const norm = ['third', 'fifth'];
normalizeFunction(obj, norm)

{first: "", second: "bar", third: null, fourth: "", fifth: null}

Answer 8

What do you think of this?

If you look at your keys in norm, the function will return a new mapping that is either null if it needs to be normalized or just an empty string.

const obj = {
  first: '',
  second: 'bar',
  third: '',
  fourth: '',
  fifth: '',
}, norm = ['third', 'fifth'];

const normalizeFunction = (payload, keys) => {
    return keys.reduce((acc, key) => acc[key] === "" ? (acc[key] = null) : acc, {...payload})
}

The result will be:

const norm = ['third', 'fifth'];
normalizeFunction(obj, norm)

{first: "", second: "bar", third: null, fourth: "", fifth: null}

Modify the attributes of items in a way that is unchangeable for certain identifiers

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

Encountered an issue while trying to establish a connection between node.js and MongoDB

Looking to convert files like text or images into binary format using Node.js?

Steps for establishing a connection to a MongoDB database on Heroku using mongoose

The indicated processing instruction is incompatible with the provided payment source. PayPal's hosted fields for credit card payments do not support this specific processor

Add delayed event listeners to embedded AJAX request beyond function boundaries

The compiler mistakenly infers an incorrect type while utilizing a default value for a discriminated union type

Disable the Layout Component in Next.js for certain pages directly from the _app.js file

Error while compiling Q_PROPERTY

Encountering mixed content error on webpack development server

The Mystery of jQuery Isotope Plugin: Why Can't I Add "display:none" Inline?

Vue Router Guard Failing to Work Properly After Page Reload

The AngularJS directive within a directive is failing to properly initialize the scope value

Unable to modify the appearance of text on the canvas

Error: Attempting to access 'push' property on an undefined object

Is it possible to display two separate pieces of content in two separate divs simultaneously?

fetch Active Directory user details using React

Encountering numerous errors when attempting to incorporate lottie-web into my JavaScript file

Tips for passing a state value to a different state when initializing in react js

The .map function doesn't seem to be functioning properly in the React application

Dynamically update a form with steps using JQuery-steps and send all objects to the controller