Разбивка текста в две колонки

254

14 февраля 2018, 12:53

Хочу вывести в две колонки:"id | Name", но никак не получается.

const obj = {
  data: [{
    id: "1236",
    name: "Friend name"
  }, {
    id: "1235",
    name: "Friend name"
  }]
}
obj.data.map(x => document.write(x.name))
obj.data.map(y => document.write(y.id))

Answer 1

ну вы же сначала выводите все name, потом все id. Выводите сразу name | id

const obj = { 
  data: [
    { id: "1236", name: "Friend name" }, 
    { id: "1235", name: "Friend name"}
  ] 
}
obj.data.map(x => {
  document.write(x.name + ' | ' + x.id + '<br>')
})

Answer 2

Потому что у вас сначала выведутся все имена потом все id.
Поэтому сразу выводим их как пара.

const obj = { 
  data: [{ 
	id: "1236", 
	name: "Friend name" 
  }, { 
	id: "1235", 
	name: "Friend name" 
  }] 
} 
 
obj.data.map(x =>  
   document.write(x.name + " - " + x.id + "<br>") 
);

Answer 3

Можно вот так сделать:

const obj = { 
  data: [{ 
    id: "1236", 
    name: "Friend name" 
  }, { 
    id: "1235", 
    name: "Friend name" 
 
  }] 
} 
 
obj.data.map(function(x) { 
    var element = document.createElement("p"); 
        element.innerHTML = `${x.id} | ${x.name}`; 
        document.body.appendChild(element); 
})