반응형
const data = [
  {
    name : 'coffee bean',
    order : true,
    items : ['americano', 'milk']
  },
  {

  }
]

function fn(tags, name, items){
  console.log(tags);
  if(typeof items === 'undefined'){
    items = '주문 가능한 상품이 없습니다.';
  }

  return (tags[0] + name + tags[1] + items + tags[2]);
}

const template = fn`<div>welcome ${data[0].name} !!</div> <h2>주문가능항목 </h2><div>${data[1].items}</div>`; 
console.log(template);
const data = [
  {
    name : 'coffee bean',
    order : true,
    items : ['americano', 'milk']
  },
  {
    name : 'coffee king',
    order : true,
    items : ['americano', 'latte']
  }
]

function fn(tags, name, items){
  if(typeof items === 'undefined'){
    items = '주문 가능한 상품이 없습니다.';
  }

  return (tags[0] + name + tags[1] + items + tags[2]);
}

data.forEach(function(v){
  const template = fn`<div>welcome ${v.name}!!</div> <h2>주문가능항목 </h2><div>${v.items}</div>`; 
  console.log(template);
})
반응형

'인강 > 모던 자바스크립트(javascript) 개발을 위한 ES6 강좌' 카테고리의 다른 글

Class  (0) 2023.01.26
Arrow Function  (0) 2023.01.26
Set  (0) 2023.01.24
Obj  (0) 2023.01.24
Array  (0) 2023.01.24