How to add array values to an object

Question

I have an array with few values. I want to iterate over array and add those values to an object as value starting from second object element which has null value. I cannot figure out how can I do it properly. Here is my code

let objectParameters = {
      "current_lang" : currentLang,
      "project_name" : null,
      "project_type" : null,
      "min_price"    : null,
      "max_price"    : null
}

let arrayValues = ["Project name", "Project Type", 150, 950];

arrayValues .forEach(function(item) {

 //Add array value to an object
}

Desired output

let objectParameters = {
      "current_lang" : currentLang,
      "project_name" : "Project name",
      "project_type" : "Project Type",
      "min_price"    : 150,
      "max_price"    : 950
}

this ["Project name", "Project Type", 150, 950] array will be same always ? — Narendra Jadhav
– Narendra Jadhav, Commented Aug 29, 2018 at 12:36

Jeremy Thille · Accepted Answer · 2018-08-29 12:39:40Z

1

Came up with this :

let objectParameters = {
      "current_lang" : "currentLang",
      "project_name" : null,
      "project_type" : null,
      "min_price"    : null,
      "max_price"    : null
};

let arrayValues = ["Project name", "Project Type", 150, 950],
  keys = Object.keys(objectParameters);
  
keys.shift() // Removing the first key, which is not null

keys.forEach( (key,i) => objectParameters[key] = arrayValues[i])

console.log(objectParameters)

answered Aug 29, 2018 at 12:39

Jeremy Thille

26.4k12 gold badges48 silver badges64 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ahorn · Accepted Answer · 2018-08-29 12:36:24Z

1

You can get all the properties of an object with

Object.keys(objectParameters)

as an array and assign them values from your arrayValues

Like that:

let objectParameters = {
      "current_lang" : "en",
      "project_name" : null,
      "project_type" : null,
      "min_price"    : null,
      "max_price"    : null
}

let arrayValues = ["Project name", "Project Type", 150, 950];


let params = Object.keys(objectParameters);

for(let i = 1; i < params.length; i++) {
  objectParameters[params[i]] = arrayValues[i-1];
}

console.log(objectParameters);

answered Aug 29, 2018 at 12:36

Ahorn

6494 silver badges19 bronze badges

1 Comment

Ahorn Over a year ago

@Leo he also said "second object element"

Emeeus · Accepted Answer · 2018-08-29 12:52:23Z

1

Using for in loop to iterate through the object and shift() to get the first array element each iteration, in all cases we rely on the order, that is probably not a good approach.

let objectParameters = {
    "current_lang" : "currentLang",
    "project_name" : null,
    "project_type" : null,
    "min_price"    : null,
    "max_price"    : null
}

let arrayValues = ["Project name", "Project Type", 150, 950];

for(let p in objectParameters){
    if(!objectParameters[p])
    objectParameters[p] = arrayValues.shift()
}

console.log(objectParameters)

I don't see necessary to use hasOwnProperty in this case.

edited Aug 29, 2018 at 12:52

answered Aug 29, 2018 at 12:45

Emeeus

5,2922 gold badges30 silver badges42 bronze badges

Comments

Craicerjack · Accepted Answer · 2018-08-29 12:38:19Z

0

If you know the index of the corresponding value in the array you dont need the loop and can just do:

objectParameters["project_name"] = arrayValues[0]
objectParameters["project_type"] = arrayValues[1]  
...

if you have the array values when youre creating the object you can just use them at the object creation time:

let objectParameters = {
      "current_lang" : "en",
      "project_name" : arrayValues[0],
      ...
}

edited Aug 29, 2018 at 12:38

answered Aug 29, 2018 at 12:32

Craicerjack

6,3303 gold badges34 silver badges41 bronze badges

1 Comment

Craicerjack Over a year ago

how many params does your object have. If its the same for each, create a function passing in the object and the array and returning the object

KoboldMines · Accepted Answer · 2018-08-29 12:45:27Z

0

Well, if you got ordered array and object, here this code might help you:

        var obj = {
            'first': '1',
            'second': '2'
        };

        var arr = ['first', 'sec'];

        Object.keys(obj).forEach(function (key, arrIndex) {
           obj[key] = arr[arrIndex];
        });

Then you edit and optimize it the way you want. Little improvement, thank to @Jeremy Thille

edited Aug 29, 2018 at 12:45

answered Aug 29, 2018 at 12:39

KoboldMines

5002 gold badges8 silver badges22 bronze badges

1 Comment

Jeremy Thille Over a year ago

You could just track arrIndex using .forEach(function (key,arrIndex).

Narendra Jadhav · Accepted Answer · 2018-08-29 12:50:09Z

0

If your arrayValues format value will be same then you could use separate keys and use reduce() method for your arrays values and Destructuring_assignment.

DEMO

const keys = ["project_name", "project_type", "min_price", "max_price"],
  arrayValues = ["Project name", "Project Type", 150, 950];

let result = arrayValues.reduce((r, v, i) => {
  return { ...r,
    [keys[i]]: v
  }
}, {current_lang:navigator.language});


console.log(result)

.as-console-wrapper {max-height: 100% !important;top: 0;}

answered Aug 29, 2018 at 12:50

Narendra Jadhav

10.3k15 gold badges35 silver badges45 bronze badges

Collectives™ on Stack Overflow

How to add array values to an object

6 Answers 6

Comments

1 Comment

Comments

1 Comment

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

1 Comment

Comments

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related