<!DOCTYPE html> <html lang="ko"> <head> <meta name="viewport" content="width=device-width"> <meta charset="UTF-8"> <link rel="stylesheet" href="https://meyerweb.com/eric/tools/css/reset/reset.css"> <title>Array</title> </head> <body> <script> // 배열 리터럴(Array literal: [])로 배열을 생성해서 변수에 대입 var numbers = [1, 2, 3, 4, 5]; console.groupCollapsed('Ex-01'); // console 객체의 log 메서드로 배열을 출력 console.log('numbers = ' + numbers); // → console.log("numbers = " + "[1, 2, 3, 4, 5]"); // → console.log("numbers = [1, 2, 3, 4, 5]"); // 배열의 자료형은 object이다. console.log('typeof numbers = ' + typeof numbers); // → console.log("typeof numbers = " + "object"); // → console.log("typeof numbers = object"); console.log('numbers[1] = ' + numbers[1]); // → console.log("numbers[1] = " + 2); // → console.log("numbers[1] = " + "2"); // → console.log("numbers[1] = 2"); // 배열의 length 속성(property)으로 배열의 크기(length)를 확인 console.log('numbers.length = ' + numbers.length); /* * HTML의 속성 = attribute * CSS의 속성 = property * Javascript의 속성 = property */ console.groupEnd(); </script> <script> // 변수 fruits 를 선언 // 아래 단어들을 갖는 배열을 생성해서 변수 fruits에 대입 // Apple, Banana, Cherry, Grape, Melon, Strawberry // 배열 fruits의 원소들 중에서 세 번째 원소를 브라우저 콘솔에 출력 // 배열 리터럴로 배열을 생성해서, 변수에 대입 var fruits = ['Apple', 'Banana', 'Cherry', 'Melon', 'Strawberry', 'Grape']; console.groupCollapsed('Ex-02'); // 배열 fruits의 세 번째 원소를 출력 // → 배열 fruits의 인덱스가 2인 원소를 출력 // → fruits[2] console.log('fruits[2] = ' + fruits[2]); console.groupEnd(); </script> </body> </html>
