[JS] Array , Object 자료형

var array = ['자바', 30000, white];
var object = {name: '자바', price: 30000};

Array

• 순서 개념 존재 👉 index 사용 가능
• index 관련 메서드 사용 가능

Object

• key : value 형태
• 순서 개념 X 👉 index 사용 불가
• object 속 object, array 넣을 수 있음

두 가지 방법으로 값을 꺼낼 수 있다

object['name']; // 괄호 속 변수 사용 가능
object.name		// 변수 사용 불가

object 속 array 등.. 복잡한 경우

console.log( ) 출력시 괄호 형태를 보고 array인지 object인지 판별하면
값을 꺼낼 때 덜 헷갈림

Array 와 쓰기 좋은 forEach()

var array = [10, 20, 30];

array.forEach(function (a){
	console.log(a) // 10, 20, 30
})

• array 자료 개수만큼 반복문(콜백함수 속 코드) 실행
• 파라미터 2개 생성 가능
  1. array 속 데이터
  2. 0부터 1씩 증가하는 정수

object 와 쓰기 좋은 for in

var obj = { name : 'kim', age : 20 };

for (var key in obj){
  console.log('안녕')
}

• object 자료 개수만큼 반복문 실행
• key 부분은 object 자료 속 key 값

arraow function

array.forEach(function(a){}); 

array.forEach((a) => {});

• 파라미터가 하나이면 () 생략 가능
• {} 속 return이 한 줄이면 {}, return 동시 생략 가능
• 아래처럼 활용 가능

let 함수 = function(){ console.log('안녕') }
let 함수 = () => { console.log('안녕') }

🔎 일반 함수 vs arrow function

함수 내에서 this를 사용하는 경우

• 일반 함수는 함수 내에서 this 재정의
• arrow function은 함수 밖의 this를 그대로 사용

👉 이벤트리스너 콜백함수에서 this를 사용시 e.currentTarget 과 다른 의미로 동작할 수 있다. 따라서 이 경우 일반 함수 권장