Loop over an object in JavaScript

Question

I must do this: to work over string that i will ask to some user:

text = "";
arr = ["*****"];
arr2 = [];

text = arr.toString();
for(i=0; i<text.length; i++) {
  arr2.push(text[i]);
}
  ---> arr2 = [*,*,*,*,*] <--- thats what i want!.

But i must work with a lot of data like this, so i created and array to content that structured data:

  var gems = [
    {
      name: 'Level-1',
      row: {
        r1: '*****',
        r2: '-***-',
        r3: '--*--'
        },
      canPushtoDb: true,
      hideLevel: false,
      status: 1
      //canvas
    },
    {
      name: 'Level-2',
      row: {
        r1: '**-**',
        r2: '-*-*-',
        r3: '-***-',
        },
      canPushtoDb: true,
      hideLevel: false,
      status: 1
      //canvas
    },
    {
      name: 'Level-3',
      row: {
        r1: '*-*-*',
        r2: '**-**',
        r3: '*-*-*'
        },
      canPushtoDb: true,
      hideLevel: true,
      status: 1
      //canvas
    }    

  ];

I want to loop within gems to convert that string on some kind of array, just like I wrote on the beginning of this question. I was looking on an Angular example, which wrap those objects with a controller.

But for now I'm far to get my code on some refactored version of his own. I just need some hard-coded function or method likegems.name[0].row.r1(this is not working to me!) to get out the object all that I'm working on.

You should access them like gems[0].row.r1. To create array from string's characters: var arr = str.split(''); — Aᴍɪʀ
– Aᴍɪʀ, Commented Nov 28, 2016 at 15:22
You can solve your first parts using array.fill. var arr2 = new Array(tet.length).fill('*') — Rajesh Dixit
– Rajesh Dixit, Commented Nov 28, 2016 at 15:24

jdmdevdotnet · Accepted Answer · 2016-11-28 15:22:41Z

2

You can iterator over gems as such:

for(var i = 0; i < gems.length; i++) {
 ...
}

You can then loop through the object as such (within your for loop above)

$.each(var obj in row) {
 ...Do something with each object found in row
}

To access hardcoded object, your issue was gems.name[0].row.r1

When it should just be gems[0].row.r1

answered Nov 28, 2016 at 15:22

jdmdevdotnet

1

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

8 Comments

Hell0 Over a year ago

I'm trying to iterate over the rows with something like this: for(i=0: i<=gems[2].row.length; i++ ){ arr = "r1: " + r1 + "r2: " + r2 + "r3: " + r3; } But it's not working.

jdmdevdotnet Over a year ago

You have to define r1, r2, r3. You can do that via var r1 = gems[2].row.r1.. etc for all of them.

Hell0 Over a year ago

Thanks for the response. I'm doing it this way: for( arr in arr2){ text += '<br />' + arr2[arr] + '<br />'; } . Which present some problems. first, the output shows an undefined word as if it was a member on the object. And second the editor warm me to wrat the sentence inside the for with an if statement. I can't undertand both. I defined variables as: var text; var arr; var arr2 = gems[0].row;

jdmdevdotnet Over a year ago

Any way you can get a working example up on jsfiddle? It would be much easier to see what the problem is and how to fix. Might also be good to submit another question, and let me know the link so I can answer it.

jdmdevdotnet Over a year ago

You're trying to loop an array when it's an object. gems[0].row is an object, not an array. You can access it via gems[0].row.r1.

|

d_z90 · Accepted Answer · 2016-11-28 15:30:54Z

1

As pointed out by @Patrick Evans, your code is correct except for the fact that arr2 should be arr2 = gems[0].row.r1. Have a look at this JSFiddle.

edited Nov 28, 2016 at 15:30

answered Nov 28, 2016 at 15:25

d_z90

1,2732 gold badges20 silver badges49 bronze badges

1 Comment

Rajesh Dixit Over a year ago

I guess this exact same this has been pointed out by @Patrick Evans in comment section

Collectives™ on Stack Overflow

Loop over an object in JavaScript

2 Answers 2

8 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

8 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related