SoloLearn JS 번역

JavaScript Arrays

JS 배열

• Arrays store multiple values in a single variable.
  • 배열은 하나의 변수에 여러 값을 저장한다.

• To store three course names, you need three variables.
  • 세 가지 course 이름을 저장하려면, 세 가지 변수가 필요하다.

var course1 = 'HTML';
var course2 = 'CSS';
var course3 = 'JS';

• But what if you had 500 courses?
  • 하지만 500개의 course가 있다면?
• The solution is an array.
  • 해답은 배열이다.

var courses = new Array('HTML', 'CSS', 'JS');

This syntax declares an array named courses, which stores three values, or element.

이 구문은 courses라는 배열을 정의한다.

여기에는 세 개의 값 또는 element가 저장된다.

Accessing an Array

배열에 접근하기

• You refer to an array elemeny by referring to the index number written in square brackets.
  • index(색인) 번호를 참조해서 대괄호로 묶인 배열 element를 조회한다.
• This statement accesses the value of the first element in courses and changes the value of the second element.
  • 아래 문(statement)은 courses의 첫 번째 element 값에 액세스하고, 두 번째 element 값을 변경한다.

var courses = new Array('HTML', 'CSS', 'JS');
var course = courses[0];	// HTML
courses[1] = 'C++';	// 두 번째 element를 변경한다

[0] is the first element in an array.

[0]은 배열의 첫 번째 element이다.

[1] is the second.

[1]은 두 번째 element이다.

Array indexes start with 0.

배열 index는 0으로 시작한다.

• Attempting to access an index outside of the array, returns the value undefined.
  • 배열 외부의 index에 액세스하려고 하면, undefined 값을 반환한다.

var courses = new Array('HTML', 'CSS', 'JS');
document.write(courses[10]);	// undefined

코드 실행 확인

Our courses array has just 3 elements, so the 10th index, which is the 11th element, does not exist (is undefined).

courses 배열에는 3개의 element가 있으므로, 11번째 element인 10번째 index는 존재하지 않는다.

(undefined)

QUIZ

• What two keywords do we need to create an array?
  • 배열을 생성하는 데 필요한 두 가지 키워드는 무엇인가?
• Select all that apply.
  • 해당되는 것을 모두 선택해라.

[ ] object

[ ] new

[ ] Array

[ ] function

• What is the output of this code?
  • 이 코드의 출력은 무엇인가?

var arr = new Array(3, 6, 8);
document.write(arr[1]);

6

• What is the result of trying to reference an array member which does not exist?
  • 존재하지 않는 배열 member를 참조하려고 시도한 결과는 무엇인가?

undefined