변수 (= 변하는 수)
변수는 값을 넣고 재활용하는 용도로 쓰인다.
Hello World를 10번째, 100번째 줄에 치거나,
1,000개, 10,000개를 쓰거나,
Hello를 My로 변경해야 한다면
엄청 많이 변경을 해야한다.
하지만, 변수를 사용한다면 그럴 필요가 없다.
const word = "Hello World";
console.log(word);
변수명: word
변수 값: Hello World
변수 선언: const word
변수 참조: console.log(word)
메모리에 저장하는 과정
변수 할당: const word = "Hello World";
데이터 타입
숫자 ( = 정수, 실수)
문자열
문자열의 길이
변수.length;
문자열 대체
변수.replace("변경 전 문자열", "변경 후 문자열");
문자열 반환
변수.slice([자르기 시작할 인덱스, 자르기 끝낼 인덱스]);
문자열 제거, 추가, 변경
array.splice(변경 시작 인덱스, 제거 요소 갯수, 배열에 추가할 요소);
문자열 병합
concat(문자열1, 문자열2..);
불리언 타입
true: 참
false: 거짓
undefined
값이 없음
개발자의 의도가 없음
null
값이 들어가지 않음
개발자가 명시적으로 표현
객체
key:value가 한 pair
JSON 형태
문자, 숫자, 배열, 객체, 함수가 들어갈 수 있음
배열
완벽히 객체는 아님
객체의 한 종류
인덱스는 0부터 시작
형변환
문자열을 숫자로 변환
문자 → 숫자는 Number( )
숫자 → 문자 String( )
연산자 ( +, -, *, /, %)
NAN (Not A Number)
등호 연산자 ( =)
할당할 변수 = 변수 + 새로운 값
변수 + 새로운 값은 할당할 변수를 참조하는 것이다.
=를 기준으로 좌항과 우항을 생각할 때,
좌항은 할당할 변수명을 우항은 (어떠한 값을 넣을지) 변수를 참조한다.
그 결과를 할당할 변수 자리에 넣어준다.
일치연산자 (===) vs 동등연산자 (==)
일치연산자는 데이터 타입까지 확인
일치연산자를 사용하는 것을 권장
불일치연산자 (!==) vs (!=)
논리 곱 (&&)
And 조건
모두 true여야 true
하나가 false면 모두 false
논리 합 (||)
Or 조건
하나만 true면 true
하나만 false면 false
함수 (function)
함수명, 인풋, 아웃풋이 필요
인풋 = 매개변수 = 파라미터 (parameter)
인풋은 쉼표를 기준으로 여러개 입력 가능
선언 → 사용
스코프 ({ } 범위) 안에서 동작이 이뤄짐
1. 함수 선언문
function (input1, input2, ..) {
// 로직
return output;
}
2. 함수 표현식
const 함수명 function (input1, input2, ...) {
// 로직
return output
};