이 시리즈는 공부했던 것을 복습 하기 위해 만들기 시작한 Javascript강의 글입니다.
틀린 점이 있어도 너그러히 부탁드려용.--)__)
틀린 부분에 대한 지적은 공부에 도움이 되니 환영합니당
변수는 어떠한 것을 저장하고 필요할 때 특정이름으로 불러오는 것이다.
예를 들어...
var helloThere; // 변수 선언
helloThere = 'Hi, my name is Matthew.'; // 문자열(string)을 변수에 저장.
console.log(helloThere) // expected output -> 'Hi, my name is Matthew.'
var 변수 = 값;
참고) 변수와 값 사이의 =
는 같다는 뜻이 아니라 데이터를 넣어주는 것이다.
변수가 1개 단어 이상일 때, Camel Case를 이용하여 적는다.
var helloThere;
var repeatOddNumber;
두 코드의 변수 선언에서 두번째와 그 이후 단어들의 첫 글자를 대문자화 했다는 것을 알 수 있다.
이 모습이 흡사 낙타와 같다고 해서 Camel Case라고 불린다.
이렇게 Camel Case를 하는 이유는 띄어쓰기를 하면 다른 변수로 인식되기 때문에 띄어쓰기를 대체하기 위해서 각 단어의 앞글자를 대문자화 하는 것이다.
var number = 10; // 변수(number) 선언 + 값(10) 대입.
number = 5; // 변수의 값을 10 -> 5 변환.
var number = 10; // 변수 선언 + 값 대입.
var getNumber = number; // 새로운 변수(getNumber)에 기존 변수(number)를 대입.
문제 1
var number = 10;
var getNumber = number;
number = 50;
console.log(getNumber); // -> ???
문제 2
var arrayOfNumbers = [1, 2, 3, 4];
var copyArray = arrayOfNumbers;
arrayOfNumbers[1] = 0;
console.log(copyArray); // -> ???
JavaScript에서는 지원되는 언어 타입이 다음과 같이 존재한다. (typeof 연산자 기준)
정수1,2,3...
, 소수1.23
등을 포함한 모든 형태의 숫자.
텍스트 상태의 모든 값.
문자열을 넣을 때에는 "" 아니면 '' 사이에 넣어준다.
var hello = "hello!"
var hello = 'hello!'
True 아니면 False로 표현하는 값.
variable 안에 직접 값을 넣어줄 수 있다.
var true = true;
var false = false;
비교 연산(Comparison Operators)을 통해 표현할 수 있다.
10 > 20 => false
'hello' === 'hello' => true
자바스크립트에서는 다양한 연산자를 사용한다.
임의의 값이 크다 or 작다 >
,<
임의이 값이 크거나 같다 or 작거나 같다 >=
,<=
값이 같다 or 값이 같지 않다(엄격한 의미)===
,!==
값이 같다 or 값이 같지 않다(느슨한 의미)==
, !=
느슨한 타입의 연산자는 엄격하게 비교를 하지 않기 때문에 오류를 일으킬 여지가 있어 사용하길 권장하지 않는다.
1 == '1' => true
1 + 2 != '3' => false
배열은 순서가 있는 값의 모임이다.
var array = [1, 2, 3, 4];
var stringArray = ['하나', '둘', '셋', '넷'];//문자열을 넣을 수 있다.
var variableArray = [a, b, c, d]; //변수를 넣을 수도 있다.
var mixedArray = [a, 2, '셋', 2 + 2];//섞어서 넣어도 무방.
객체는 하나의 변수에 여러가지 값을 저장할 때 유용하다.
var studentOne = {
name: 'Matthew',
age: 27,
address: 'Jeju Island'
}
studentOne.name => 'Matthew'
undefined는 값이 없는 변수(variables)를 뜻한다.
var a;
typeofa => undefined