JS 기초 1

js 기초

• console.log(x)
  • x 라는 변수의 내용을 출력해볼 수 있다.
• const 와 let
  • const
    • 자바의 final과 같다. 한번 선언되면 변경이 불가능하다
  • let
    • 한번 선언된 이후에도 변경이 가능하다
• 배열 선언
  • conts arr = [10, 20, 30, 40, 50];
• 배열 내 요소 추가
  • arr.push(60, 70);
• 특정 배열 위치에 값 추가
  • arr[7] = 100;
  • 특정 배열 위치에 값을 추가할 경우 중간이 비는게 가능하다
    • 이 경우 undefined 라고 표시된다
• 배열 엘리먼트에 접근하는 방법
  • console.log(arr[0]);
• 객체 선언
  • {} 로 감싸고 : 와 , 을 구분자로 객체를 생성할 수 있다
  • 키와 값으로 한쌍으로 묶여 내부에 여러 쌍들이 저장된다.

const obj = {
    gender: "남자",
    height: 178.34
};

• 객체 내에 값 추가
  • obj.age = 12; 혹은 obj['age'] = 12;
    •  이 경우 obj 에 age: 12 라는 값이 추가된다
• 객체 엘리먼트에 접근하는 방법
  • console.log(obj['age']);
  • console.log(obj.age);
• 배열 엘리먼트 개수를 알아내는 방법
  • console.log(arr.length);
• 객체 엘리먼트 개수를 알아내는 방법
  • console.log(Object.keys(obj).length);
• 배열의 모든 요소를 반복하는 방법 for

for ( let i = 0; i < arr.length; i++ ) {
	console.log(arr[i]);
}

• 배열의 모든 요소를 반복하는 방법 2 of
  • value 는 다른 이름으로 적어도 상관 없다

for ( const value of arr ) {
	console.log(value);
}

• 객체의 모든 요소를 반복하는 방법 키
  • key 는 다른 이름으로 적어도 상관 없다

for ( const key in obj ) {
	console.log(key);
}

• 객체의 모든 요소를 반복하는 방법 값
  • key 는 다른 이름으로 적어도 상관 없다

for ( const key in obj ) {
	console.log(obj[key]);
}