배열, 함수와 객체

🔷 배열

let members = ["ben", "john", "tom"];
  // members.push("alex"); // 배열 뒤에 요소 추가
  // members = members.concat(["alex", "max"]);
members.unshift("jack"); // 가장 앞 인덱스에 추가
members.splice(1, 0, 'kim');
// splice(index, howmany, element);
// -> index부터 howmany만큼 요소를 삭제하고 element는 추가한다.
members.splice(1, 1); // 해당인덱스(1)의 요소 제거
members.shift(); // 첫번째 요소 제거
members.pop(); // 마지막 요소 제거
members.reverse(); // 순서 뒤집기
members.indexOf("ben"); // ben의 위치 찾기

for(i = 0; i < members.length; i++){
  document.write(members[i]);
  document.write("<br/>");
}

🔷 함수

🔸 하나의 로직을 다시 사용할 수 있도록 하는 것으로 코드의 재사용성을 높인다.
🔸 function 함수명([인자... [인자]]){
             함수내용
             return 반환값
}

// 함수 정의
function numbering(num){
  document.write(num + "<br/>");
}

// 익명함수 정의
const numbering = function(num){
  document.write(num + "<br/>");
}
// 함수 호출
numbering();

for(let i = 0; i < 5; i++){
  numbering(i);
}

function adding(){
  var i = 0;
  while(i < 10){
    document.write(i);
    i++;
  }
}
adding();

🔷 객체

<ul>
var grades = {"ben": 80, "john" : 70, "jack" : 90};
    document.write(grades.ben);
    document.write("<br/>");
    document.write(grades["john"]);
    document.write("<br/>");

    // var grades = {};
    // grades["ben"] = 80;
    // grades["john"] = 70;
    // grades["jack"] = 90;

    // var grades = new Object();
    // grades["ben"] = 80;
    // grades["john"] = 70;
    // grades["jack"] = 90;

for(key in grades){
  document.write(
  "<li> key : " + key + ", value : " + grades[key] + "<br/></li>");
    }
</ul>

🔸 객체지향프로그래밍 : 서로 연관된 데이터와 메서드들을 하나의 객체 안에 그룹핑 하는 프로그래밍스타일

var grades = {
    list : {"CHO" : 100, "PARK" : 80, "KIM" : 70},
    'show' : function(){
        alert("Hello world!!")
    },
    'hello' : function(){
        for(var name in this.list){
            console.log(name, this.list[name]);
        }
    }
}
document.write("CHO's grade : " + grades["list"]["CHO"]);
grades['show']();
grades.hello();