[Learn.JS] JavaScript-1 (Hello, World!, Variables and Types, Arrays)

Hello, World!

Exercise

콘솔에 “Hello, World!” 출력하기

console.log("Hello, World!")

Variables and Types

다른 동적 언어와 마찬가지로 자바 스크립트 또한 duck-types 언어이다. 그렇기 때문에 모든 변수는 var 키워드로 사용된다. 그리고 모든 타입의 변수를 가질 수 있습니다.

여러 타입의 변수들을 사용 가능하다.

var myNUmber = 3;                      // a number
var myString = "Hello, World!"         // a string
var myBoolean = true;                  // a boolean

• 자바 스크립트에서 숫자형은 정수형과 실수형이 될 수 있다.
• 불린 변수들은 true와 false 만 가능하다.

자바 스크립트에는 추가적인 2개의 타입들이 존재한다. array와 오브젝트이다.

var myArray = [];                       // an array
var myObject = {};                      // an object

변수들이 처음 선언되지 않고 값들이 존재하면 이것은 undefined와 같다. 예를 들면

var newVariable;
console.log(newVariable);               //prints undefined

하지만, null 값은 다른 타입의 값이다. 이것은 변수의 값이 비어있다는 것을 표현한다. undefined도 이와 같은 의도이지만 그렇게 사용되면 안 된다.

var emptyVariable = null;
console.log(emptyVariable);              //prints null

Exercise

다음의 변수들을 정의하시오.

1. 숫자 4를 포함하는 숫자 변수 myNumber
2. Variables are great.이라는 문장을 포함하는 문자열 myString
3. false 값인 불린 변수 myBoolean

→

var myNumber = 4;
var myString = "Variables are great.";
var myBoolean = false;

 

Arrays

자바스크립트에서 Array 오브젝트 안에 array 변수들을 가지고 있을 수 있다. 자바스크립트에서 array는 리스트, 스택, 큐와 같은 역할을 한다. Array를 정의하기 위해선 대괄호로 감싸주거나 Array 오브젝트라 명시해야 한다.

var myArray = [1, 2, 3];
var theSameArray = new Array(1, 2, 3);

Addressing

대괄호를 array안의 특정한 셀을 지정할 때 사용할 수 있다. 인덱스는 0에서부터 시작되므로 myArray의 두 번째 인자는 인덱스 1이 된다. 이 array 데이터 구조의 이점 중 하나는 접근하려는 요소의 인덱스를 이미 알고 있는 경우 계속 조회할 수 있다는 것이다.

console.log(myArray[1]);             // prints out 2

자바스크립트에서는 이전 셀이 undefined 형태라고 하더라도 정해지지 않은 위치에 변수들을 배정할 수 있습니다.

var myArray = [];
myArray[3] = "hello"
console.log(myArray);

이렇게 출력될 것입니다.

[undefined, undefined, undefined, "hello"]

Array Elements

자바스크립트의 Array들은 특별한 종류의 오브젝트 이므로 그 안 속에는 다른 데이터 타입들을 하나의 Array에 넣을 수 있습니다.

var myArray = ["string", 10, {}]

Exercise

다음 세 개의 변수들로 Array를 정의하라.

1. “What is the meaning of life?” 문자열
2. 42 숫자형 값
3. true 불린 값

var myArray = [];
myArray[0] = "What is the meaning of life?";
myArray[1] = 42;
myArray[2] = true;