Dev.note(web) 21.09.02

김태훈·2021년 9월 2일

대구AI스쿨

목록 보기

48/49

자바스크립트 2일차

시작하기 전에

강사님의 자바스크립트 2/2 58분 정도 까지 공부했다.

유념할 코드와 속성들

null과 undefined

변수는 기본적으로 undefined상태이며, 값이 정의된 변수는 null 값을 다시 부여하여 초기화할 수 있다. null은 0과 같이 취급되며, 따라서 숫자와 덧셈도 할 수 있지만 undefined는 고유한 undefined상태로 취급된다. 0과 empty의 차이로 이해 가능할 것 같다.

console.log(typeof null);
console.log(typeof undefined);
console.log(null == undefined);
console.log(null === undefined);
console.log(10 + null);
console.log(10 + undefined);

여기서 object는 '객체'로, 하위호환을 위해 null로 인식되진 않는다고 한다.
모든 타입에 적용되기 위해 가장 상위의 개념으로 정의되는 듯 하다(실수가 유리수 무리수 모두에 적용되듯이).

함수 선언

타 언어에서 자주 보던 함수다. function 함수명(parameter){}으로 정의할 수 있으며, {}에는 console.log()와 같이 직접 출력이나 return ***으로 값을 돌려받을 수 있다.

function sum(num1, num2) {
	console.log(num1 + num2);
}
sum(10, 20);
sum(100, 50);
function sum2(num1, num2){
	return num1 + num2;
}
var result = sum2(10, 20);
console.log(result);

배열(array)

[]안에 요소(element)들을 두어 배열을 정의할 수 있다. 각 요소들은 순서대로 0, 1, 2, ...의 값 위치(index)를 가진다. 배열의 index를 지정하면 요소를 직접 지정할 수 있으며, 새롭게 정의하여 요소를 바꿀 수도 있다.

var banana = "바나나";
var apple = "사과";
var melon = "멜론";
var fruit = ["바나나", "사과", "멜론"];
console.log(fruit);
console.log(fruit[0]);
console.log(fruit[2]);
fruit[2] = "수박";
console.log(fruit);