자바스크립트 객체만들기 보여주기 반복문 사용해서 보여주기

코로나19로 인해 백신주사맞고 알러지로 공부를 하나도 못했다...ㅠㅠ..

2차 맞고 알러지 반응이 생겨서 응급실가고 하느라 한달이라는 공백을 아파서 누워서 보냈다

 

오랜만에 공부하는거라 조금만 봐도 힘들지만 조금이라도 보자는 생각에 생활코딩을 켰다!

이전에 자바스크립트들이 기억이 안나서 다시 봐야할거 같아서 생활코딩 자바스크립트 쭉보는 중에

객체만들기를 자바스크립트로 해본적은 있는데 이렇게 이론으로 본적이 없어서 쭉 써봣다

 

      // 객채만들기1
      var grades1 = {'egoing' : 10, 'k110' : 6, 'sorialgi' : 80 };
      // 객체만들기2
      var grades2 = {};
      grades2['egoing'] = 10;
      grades2['k110'] = 6;
      grades2['sorialgi'] = 80;
      // 객체만들기3
      var grades3 = new Object();
      grades3['egoing'] = 10;
      grades3['k110'] = 6;
      grades3['sorialgi'] = 80;
      // 객체 경고창으로 보여주
      alert(grades1['egoing']);
      alert(grades2.k110);
      alert(grades3['sorialgi']);
      // 객체 만들고 반복문으로 전부 보여주기
      var grades4 = {'egoing' : 10, 'k110' : 6, 'sorialgi' : 80 };
      for (key in grades4) {
        document.write("key : "+key+" value : "+grades4[key]+"<br />")
      }
      // 객체 만들고 바로 반복문으로 보여주기
      var grades5 = {
        'list' : {'egoing' : 10, 'k110' : 6, 'sorialgi' : 80 },
        'show' : function(){
          for (var name in this.list){
            document.write(name+':'+this.list[name]+"<br />");
          }
        }
      }
      grades5.show();

https://opentutorials.org/course/743/6491

 

생활코딩에 있는 자바스크립트 가볍게 보기 좋은거같다

객체 다음 모듈부터는 잘봐야 할거같은데 하나씩 보고 메모용으로 포스팅하겠다!