[JavaScript] 기본 내용 정리 (2)

배열

값을 저장할 수 있는 엘리먼트(변수)의 연속된 공간을 의미한다. 주소(index)를 이용해 각 엘리먼트에 접근 가능함.

 

배열 정의 방법

• 빈 배열    ex)var arr = [];
• 초기화    ex)var arr = [1, 2, 3];
• 어떤 자료형이든 저장이 가능함
• 배열 길이 반환    arr.length
• 접근    arr[index]

 

배열 사용하기

• 배열에 엘리먼트 추가하기

  • .push(element): 배열 뒤에 element 추가
  • .pop(): 배열 뒤에서 엘리먼트 삭제 후 리턴
  • .shift(): 배열 앞에서 엘리먼트 삭제 후 리턴
  • .unshift(element): 배열 앞에 엘리먼트 추가

 

• 배열 붙이기, 검색하기

  • arr1.concat(arr2): arr1과 arr2를 붙임
  • arr.indexOf(element): arr에서 element가 있는 첫 위치를 검색함
  • arr.lastIndexOf(element): arr에서 element가 있는 마지막 위치를 검색함

 

• 문자열 split 함수

문자열을 구분자(separator)로 나눠서 각각을 담은 배열을 반환하는 함수

 

변수의 scope

• 선언한 변수가 유효한 지역을 의미.

• function scope

  • 선언된 변수는 선언된 함수 안에서만 접근이 가능함
  • 선언된 함수 안에서 선언된 함수(nested function)에서도 접근이 가능함

 

변수의 shadowing

• 함수 밖에서 선언된 같은 이름의 변수를 함수 안에서도 사용할 때

  • 함수 밖의 변수는 잠시 가려짐
  • 함수 안에서는 해당 함수에서의 변수를 사용함(함수 밖 변수의 값은 변하지 않음)
  • 함수에서 빠져나오면 다시 해당 변수에 접근할 수 있음

 

• 함수 안에서만 값이 유지되어야 하는 경우

  • 함수 안에서 var 키워드를 사용해서 선언한 뒤 사용

 

• 여러 함수에서 값이 유지되고 사용되어야 할 때

  • 전역 변수를 사용