JS 튜토리얼

제이에스 홈 JS 소개 JS 어디로 JS 출력 JS 문 JS 구문 JS 코멘트 JS 변수 제이에스렛 JS 상수 JS 연산자 JS 산술 JS 할당 JS 데이터 유형 JS 함수 JS 객체 JS 이벤트 JS 문자열 JS 문자열 메서드 JS 문자열 검색 JS 문자열 템플릿 JS 번호 JS 숫자 메서드 JS 배열 JS 배열 메서드 JS 배열 정렬 JS 배열 반복 JS 배열 상수 JS 날짜 JS 날짜 형식 JS 날짜 가져오기 메서드 JS 날짜 설정 방법 JS 수학 JS 랜덤 JS 부울 JS 비교 JS 조건 JS 스위치 JS 루프 In에 대한 JS 루프 의 JS 루프 JS 루프 동안 JS 브레이크 JS 이터러블 JS 세트 JS 맵 JS 유형 JS 유형 변환 JS 비트와이즈 JS 정규 표현식 JS 오류 JS 범위 JS 호이스팅 JS 엄격 모드 JS 이 키워드 JS 화살표 함수 JS 클래스 JS JSON JS 디버깅 JS 스타일 가이드 JS 모범 사례 JS 실수 JS 성능 JS 예약어

JS 버전

JS 버전 JS 2009(ES5) JS 2015(ES6) JS 2016 JS 2017 JS 2018 JS IE / 엣지 JS 연혁

JS 객체

객체 정의 개체 속성 개체 메서드 개체 표시 개체 접근자 객체 생성자 개체 프로토타입 객체 반복 가능 객체 세트 객체 맵 개체 참조

JS 함수

기능 정의 기능 매개변수 함수 호출 함수 호출 기능 적용 함수 클로저

JS 클래스

수업 소개 클래스 상속 클래스 정적

JS 비동기

JS 콜백 JS 비동기 JS 약속 JS 비동기/대기

JS HTML DOM

DOM 소개 DOM 메서드 DOM 문서 DOM 요소 DOM HTML DOM 양식 DOM CSS DOM 애니메이션 DOM 이벤트 DOM 이벤트 리스너 DOM 탐색 DOM 노드 DOM 컬렉션 DOM 노드 목록

JS 브라우저 BOM

JS 창 JS 화면 JS 위치 JS 연혁 JS 네비게이터 JS 팝업 경고 JS 타이밍 JS 쿠키

JS 웹 API

웹 API 소개 웹 양식 API 웹 기록 API 웹 스토리지 API 웹 작업자 API 웹 가져오기 API 웹 지리적 위치 API

JS 아약스

AJAX 소개 AJAX XMLHttp AJAX 요청 AJAX 응답 AJAX XML 파일 AJAX PHP AJAX ASP AJAX 데이터베이스 AJAX 애플리케이션 AJAX 예제

JS JSON

JSON 소개 JSON 구문 JSON 대 XML JSON 데이터 유형 JSON 구문 분석 JSON 문자열화 JSON 객체 JSON 배열 JSON 서버 JSON PHP JSON HTML JSON JSONP

JS 대 jQuery

jQuery 선택기 제이쿼리 HTML 제이쿼리 CSS 제이쿼리 DOM

JS 그래픽

JS 그래픽 JS 캔버스 JS 플로틀리 JS 차트.js JS 구글 차트 JS D3.js

JS 예제

JS 예제 JS HTML DOM JS HTML 입력 JS HTML 객체 JS HTML 이벤트 JS 브라우저 JS 편집기 JS 연습 JS 퀴즈 JS 인증서

JS 참조

자바스크립트 객체 HTML DOM 객체


자바스크립트 배열 상수


ECMAScript 2015(ES6)

2015년에 JavaScript는 중요한 새 키워드인 const.

다음 을 사용하여 배열을 선언하는 것이 일반적입니다 const.

예시

const cars = ["Saab", "Volvo", "BMW"];

재할당할 수 없음

로 선언된 배열은 const재할당할 수 없습니다.

예시

const cars = ["Saab", "Volvo", "BMW"];
cars = ["Toyota", "Volvo", "Audi"];    // ERROR

배열은 상수가 아닙니다.

키워드 const가 약간 오해의 소지가 있습니다.

상수 배열을 정의하지 않습니다. 배열에 대한 상수 참조를 정의합니다.

이 때문에 우리는 여전히 상수 배열의 요소를 변경할 수 있습니다.


요소를 재할당할 수 있음

상수 배열의 요소를 변경할 수 있습니다.

예시

// You can create a constant array:
const cars = ["Saab", "Volvo", "BMW"];

// You can change an element:
cars[0] = "Toyota";

// You can add an element:
cars.push("Audi");

브라우저 지원

키워드 는 constInternet Explorer 10 또는 이전 버전에서 지원되지 않습니다.

다음 표는 const키워드를 완벽하게 지원하는 첫 번째 브라우저 버전을 정의합니다.

Chrome 49 IE 11 / Edge Firefox 36 Safari 10 Opera 36
Mar, 2016 Oct, 2013 Feb, 2015 Sep, 2016 Mar, 2016

선언 시 할당됨

JavaScript const변수는 선언될 때 값을 할당해야 합니다.

의미: 로 선언된 배열은 선언 const될 때 초기화되어야 합니다.

const배열을 초기화하지 않고 사용 하면 구문 오류가 발생합니다.

예시

이것은 작동하지 않습니다:

const cars;
cars = ["Saab", "Volvo", "BMW"];

로 선언된 배열은 var언제든지 초기화할 수 있습니다.

선언되기 전에 배열을 사용할 수도 있습니다.

예시

괜찮습니다.

cars = ["Saab", "Volvo", "BMW"];
var cars;

Const 블록 범위

로 선언된 배열 const에는 블록 범위 가 있습니다.

블록에서 선언된 배열은 블록 외부에서 선언된 배열과 동일하지 않습니다.

예시

const cars = ["Saab", "Volvo", "BMW"];
// Here cars[0] is "Saab"
{
  const cars = ["Toyota", "Volvo", "BMW"];
  // Here cars[0] is "Toyota"
}
// Here cars[0] is "Saab"

로 선언된 배열 var에는 블록 범위가 없습니다.

예시

var cars = ["Saab", "Volvo", "BMW"];
// Here cars[0] is "Saab"
{
  var cars = ["Toyota", "Volvo", "BMW"];
  // Here cars[0] is "Toyota"
}
// Here cars[0] is "Toyota"

블록 범위에 대한 자세한 내용은 JavaScript 범위 장에서 확인할 수 있습니다 .



배열 재선언

로 선언된 배열을 다시 선언하는 var것은 프로그램의 어느 곳에서나 허용됩니다.

예시

var cars = ["Volvo", "BMW"];   // Allowed
var cars = ["Toyota", "BMW"];  // Allowed
cars = ["Volvo", "Saab"];      // Allowed

const동일한 범위 또는 동일한 블록에서 배열을 재선언하거나 재할당하는 것은 허용되지 않습니다.

예시

var cars = ["Volvo", "BMW"];     // Allowed
const cars = ["Volvo", "BMW"];   // Not allowed
{
  var cars = ["Volvo", "BMW"];   // Allowed
  const cars = ["Volvo", "BMW"]; // Not allowed
}

const동일한 범위 또는 동일한 블록에서 기존 배열을 재선언하거나 재할당하는 것은 허용되지 않습니다.

예시

const cars = ["Volvo", "BMW"];   // Allowed
const cars = ["Volvo", "BMW"];   // Not allowed
var cars = ["Volvo", "BMW"];     // Not allowed
cars = ["Volvo", "BMW"];         // Not allowed

{
  const cars = ["Volvo", "BMW"]; // Allowed
  const cars = ["Volvo", "BMW"]; // Not allowed
  var cars = ["Volvo", "BMW"];   // Not allowed
  cars = ["Volvo", "BMW"];       // Not allowed
}

const, 다른 범위 또는 다른 블록에서 배열을 다시 선언하는 것은 허용됩니다.

예시

const cars = ["Volvo", "BMW"];   // Allowed
{
  const cars = ["Volvo", "BMW"]; // Allowed
}
{
  const cars = ["Volvo", "BMW"]; // Allowed
}

완전한 어레이 참조

전체 어레이 참조를 보려면 다음으로 이동하십시오.

완전한 JavaScript 배열 참조 .

참조에는 모든 Array 속성 및 메서드에 대한 설명과 예가 포함되어 있습니다.