how to make array of object using an array?

Question

I have one array

var ar=['aa','cc','po']

I want to push objects in new array after checking the value of given array .In other words

I have these given conditions

var ar=['aa','cc','po']

var arr =[{name:"po"},{name:'aa'},{name:'cc'}];

Expected Output in new Array

  [{name:'aa'},{name:'cc'},{name:"po"}]

As "aa" in in 0 index then I added object whose name property aa.

I try like this .but I used two for look .is there any simple way to do this

FIDDLE

var newArr=[];
for(var i=0;i<ar.length ;i++){
   var text =ar[i];
   for(var j=0;j<arr.length ;j++){
    var obj =arr[j];
    console.log(obj.name);
     /*if(obj.name===text){
       newArr.push(obj);
     }*/
    }
}
console.log(newArr);

ar and arr? That's not confusing at all...

nnnnnn
– nnnnnn

2016-05-03 07:49:47 +00:00
Commented May 3, 2016 at 7:49 — nnnnnn
– nnnnnn, Commented May 3, 2016 at 7:49

Nina Scholz · Accepted Answer · 2016-05-03 07:26:14Z

4

This is a proposal in two part, first build an object with the reference to the items of arr and the create a new array with the given items of ar.

var ar = ['aa', 'cc', 'po'],
    arr = [{ name: "po" }, { name: 'aa' }, { name: 'cc' }],
    object = Object.create(null),
    result = [];

arr.forEach(function (a) {
    object[a.name] = a;
});

ar.forEach(function (a) {
    object[a] && result.push(object[a]);
});

document.write('<pre>' + JSON.stringify(result, 0, 4) + '</pre>');

answered May 3, 2016 at 7:26

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

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

Comments

Pranav C Balan · Accepted Answer · 2016-05-03 07:40:56Z

3

Using forEach iterator and generate object reference based on name and then generate result array using map()

var ar = ['aa', 'cc', 'po']

var arr = [{
  name: "po"
}, {
  name: 'aa'
}, {
  name: 'cc'
}];

var ref = {};

// generating object reference with name property
arr.forEach(function(v) {
  ref[v.name] = v;
});

// generating result array 
// or you can use forEach as @NinaScholz answer
var res = ar.map(function(v) {
  return ref[v];
}).filter(function(v) { // use filter to avoid null values , in case of missing elements
  return v != null;
});

document.write('<pre>' + JSON.stringify(res, null, 3) + '</pre>');

edited May 3, 2016 at 7:40

answered May 3, 2016 at 7:22

Pranav C Balan

115k25 gold badges172 silver badges195 bronze badges

2 Comments

user944513 Over a year ago

@parnav this array may be this ['po' ,'cc','aa'] not sure it is not formatted way

user944513 Over a year ago

is there any way to do in lodash

Ali Mamedov · Accepted Answer · 2016-05-03 07:23:40Z

1

Try this:

function convert(source) {

  var 
    obj = [],
    i;

  for (i = 0; i < source.length; ++i) {

    obj.push({name: source[i]});
  }

  return obj;
}

convert(['aa', 'bb', 'cc']); // [{name:'aa'},{name:'bb'},{name:'cc'}]

answered May 3, 2016 at 7:23

Ali Mamedov

5,2413 gold badges38 silver badges51 bronze badges

Comments

Abhishek · Accepted Answer · 2016-05-03 07:31:07Z

1

This would work if you want to assign values from array in sequence:

var ar=['aa','cc','po']

var arr =[{name:"po"},{name:'aa'},{name:'cc'}];

arr.map(function(obj,key){
    obj.name = ar[key];
});

console.log(arr);

answered May 3, 2016 at 7:31

Abhishek

5,7583 gold badges26 silver badges43 bronze badges

Comments

Anoop Joshi P · Accepted Answer · 2016-05-03 07:22:17Z

0

Do like this

var ar = ['aa', 'cc', 'po']
var arr = [{  name: "po"}, {  name: 'aa'}, {  name: 'cc'}];
$.each(ar, function(i, v) {
  arr[i].name = v;
});
console.log(arr)

Fiddle

answered May 3, 2016 at 7:22

Anoop Joshi P

25.6k9 gold badges35 silver badges54 bronze badges

Comments

Shantanu Madane · Accepted Answer · 2016-05-03 07:37:55Z

0

var array=['a','b','c'];
var arrayObj=[];
for(var i=0;i<array.length;i++){
 var obj={};
 obj.name=array[i];
 arrayObj.push(obj);
}
console.log(JSON.stringify(arrayObj));

Output: [{"name":"a"},{"name":"b"},{"name":"c"}]

answered May 3, 2016 at 7:37

Shantanu Madane

6155 silver badges15 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 12:02:34Z

0

I guess this is one very functional way of doing this job with no more than an assignment line. However Anoop Joshi's answer is more elegant provided that the ar array is shorter than equal to in length to the arr array.

var arr = ['aa','cc','po'],
     ar = [{name:"po"},{name:'aa'},{name:'cc'}],
    res = arr.map(e => ar[ar.findIndex(f => f.name == e)]);

document.write("<pre>" + JSON.stringify(res) + "</pre>");

edited May 23, 2017 at 12:02

CommunityBot

11 silver badge

answered May 3, 2016 at 16:01

Redu

26.3k6 gold badges61 silver badges84 bronze badges

Collectives™ on Stack Overflow

how to make array of object using an array?

7 Answers 7

Comments

2 Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

7 Answers 7

Comments

2 Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related