How to handle an dynamic array?

Question

I want to show up the names of the members of an array "path" in my console.

console.log("start: ", path[0].name, "second: ", path[1].name, "third: ", path[2]name, ....)

But the problem is, that my array always changes it's size (clicking algorithm), that means sometimes it has the lenght 4 or sometimes 8 ect. How can i adjust the console.log code to this dynamic array? Thanks so much!

thanks so much to all of you....so many different suggestions, i don't know where to start :) — Derick Kolln, Nov 30 '16 at 18:05
wherever you want but don't start from nina's answer .she is little advanced. — Mahi, Nov 30 '16 at 18:07
nina's version is crazy ;) i am a beginner and i cannot even read her second line — Derick Kolln, Nov 30 '16 at 18:12

score 3 · Answer 1 · answered Nov 30 '16 at 17:57

3

Try

path.forEach((each, i)=>{
   console.log ("item" + i+ ':' + each.name );
})

answered Nov 30 '16 at 17:57

Amoolya S Kumar

1,458
9
10

score 1 · Answer 2 · answered Nov 30 '16 at 18:00

1

Try something like this for single line result set ...

var result = "";
for (var i = 0, len = path.length; i < len; i++) {
  if (i !== 0) {
    result += ", ";
  }
  result += (i + 1) + ": " + path[i].name;
}
console.log(result);

answered Nov 30 '16 at 18:00

rfornal

5,072
5
30
42

score 1 · Accepted Answer · answered Nov 30 '16 at 18:01

1

Something like this:

var path = ['Prit', 'Bab', 'Nav']
var item = ["first","second", "third"]; 
for (i = 0; i < path.length;i++){
    console.log(item[i] + ":" + path[i])
}

answered Nov 30 '16 at 18:01

Pritam Banerjee

17,953
10
93
108

Ok, now it works on my console. But is there a chance to make them appear on screen like this? 1. element: name1, 2. element: name2, 3. element: name3 ......... – Derick Kolln Nov 30 '16 at 23:04
1

@DerickKolln just change console.log to document.write – AzizurRahamanCA Mar 04 '17 at 12:31

Daerik · Answer 4 · 2016-11-30T18:08:19.903

1

/* Console Array */
var consoleArray = new Array;

/* Names */
var path = [
    {name: 'bob'},
    {name: 'jimmy'},
    {name: 'chris'},
    {name: 'alexander'},
    {name: 'mark'}
];

/* Loop */
for(var i = 0; i < path.length; i++) {
    consoleArray.push((i + 1) + ': ' + path[i].name);
}

/* Console Log */
console.log(consoleArray.join("\n"));

edited Nov 30 '16 at 18:08

answered Nov 30 '16 at 18:02

Daerik

4,167
2
20
33

Nina Scholz · Answer 5 · 2016-11-30T19:11:05.813

1

With ES6, you could use spread syntax ....

var path = [{ name: 'Jo'}, { name: 'John'}, { name: 'Jane'}];
console.log(...path.map((a, i) => (i ? i + 1 : 'Start') + ': ' + a.name));

edited Nov 30 '16 at 19:11

answered Nov 30 '16 at 18:02

Nina Scholz

376,160
25
347
392

score 1 · Answer 6 · answered Nov 30 '16 at 18:02

1

you could use a for loop here , ie,

for (var i=0;i<path.length;i++) {
   console.log("item no "+ i +": " + path[i]);
}

answered Nov 30 '16 at 18:02

AzizurRahamanCA

170
2
11

How to handle an dynamic array?

6 Answers6