본문 바로가기

프론트엔드 공부/javscript

객체불러오기(변수,forin,map)

//객체불러오기(변수로 불러오기) //이렇게 쓰는 경우가 많다
    {
      const ob15 = {
        a: 100,
        b: 200,
        c: "javascript"
      }
      const name1 = ob15.a;
      const name2 = ob15.b;
      const name3 = ob15.c;

      document.write("*** 50. 객체 불러오기***<br>");
      document.write(name1, "<br>");
      document.write(name2, "<br>");
      document.write(name3, "<br>");
    }
    //객체 불러오기(for in) //view에서는 이걸 많이쓰고react에서는 map 많이씀

    {
      const ob16 = {
        a: 100,
        b: 200,
        c: "javascript"
      }
      document.write("*** 51. 객체 불러오기***<br>");
      //   for (let i in arr10) {
      //   document.write(arr10[i], "<br>");
      // }
      for (let prop in ob16) {
        document.write(ob16[prop], "<br>");
      }
      document.write("<br>")
    }
//객체데이터불러오기(map)
      const ob17 = [{
          a: 100,
          b: 200,
          c: "javascript"
        },
        {
          a: 200,
          b: 300,
          c: "react"
        },
        {
          a: 400,
          b: 500,
          c: "html"
        }
      ];

const result1 = ob17.map((elem)=>{
  document.write(elem.a,"<br>")
});