Chapter. 변수
🍒 변수
변할 수 있는 값, 어떤 값을 담는 저장소의 이름
🍒 변수의 사용
데이터를 저장하고 꺼내쓰는 행위
🍒 변수의 선언
메모리를 확보함
🍒 변수의 할당
확보한 메모리에 데이터를 저장함
= 라는 할당연산자를 이용하여 할당할수 있음
let
- 변수 재선언 x 재할당 o
- 블럭 레벨 스코프
- 재할당이 필요한 경우에 사용
const
- 변수 재선언 x 재할당 x
- 블럭 레벨 스코프
- 의도치 않은 재할당을 방지하여 많은 코드량일 때 보다 안전함
- 반드시 선언시 초기값을 할당해줘야 함
- 한번 할당한 값은 변경할 수 없음
var
- 변수 재선언 o 재할당 o
- 함수 레벨 스코프
- 선언 전에 사용 가능
- 버그 발생, 메모리 누수의 위험이 있음
Chapter. 타입
🍋 타입
숫자나 문자와 같이 변수에 할당할 수 있는 형태
🍋 원시 자료형
객체가 아니면서 메서드를 가지지 않는 타입
원시 자료형의 보관함인 변수에는 단 하나의 데이터 값만 담을 수 있고, 또한 보관함의 크기가 고정되어 있음
- string : 문자, ""혹은 '' 로 구분함
- number : 숫자
- boolean : 참(truthy)과 거짓(falsy)값
- undefined : 값이 할당되지 않은 상태
- bigInt : 길이의 제약없이 정수를 다룰 수 있게 해주는 숫자형
- (null) : 의도적으로 빈 값이 할당된 상태
🍋 참조 자료형
원시 자료형이 아닌 모든 자료형
대표적으로 배열 [] / 객체 {} / 함수 function()
참조 자료형이 할당될 때에는 변수에 값이 아닌 주소를 저장함
동적으로 크기가 변하는 heap에 저장됨
Chapter. 함수
🥝 함수
논리적인 일련의 작업을 하는 기능의 단위 = 코드의 묶음
입출력이 있으며 함수의 호출 후에 반드시 return, 돌아온다
🥝 함수 선언의 방법
- 선언식
호이스팅 o
function funcName(arg){
return value;
}- 표현식
선언/호출 시 세미콜론을 붙임
호이스팅 x
const random = function funcName(arg){
return value;
}- 화살표 함수
const random = (arg) => {
return value;
}Chapter. 조건문
🍑 조건문
어떠한 조건을 판별하는 기준을 만드는 것
항상 비교 연산자가 필요하며 결과는 boolean이다.
- == : 추상적인 비교
'11' == 11// true - === : 엄격한 비교
'11' === 11// false - !== : 같지 않음
- && : AND -- 모든 조건이 true 시 true
- || : OR -- 일부 조건이 true 시 true
!(2=2)//false 이와 같이 연산자를 반전시킬 수도 있음
Chapter. 문자열
🍇 문자열
- immutable - 원본 문자열은 바뀌지 않음
str.length: 문자열의 길이를 확인str[i]: 문자열의 인덱스를 확인'salt' + ' ' + 'sugar' === 'salt sugar': 문자열을 합침str.slice(a,b): 인덱스의 a번째 인덱스부터 b번째 인덱스 이전 까지의 새로운 문자열 반환str.splice(a,b,c): a번째 인덱스부터 b 개의 요소를 c로 변환, c가 없을 시 요소를 삭제str.toUpperCase() / str.toLowerCase(): 문자열을 모두 대문자/소문자로 변경str.indexOf('a'): 'a'의 index를 찾기str.includes('a'): 'a'가 포함되어 있는지 여부str.split(" "): " "로 문자열을 구분하여 배열로 변환str.split(" ").join(""): 위의 배열을 다시 ""를 넣어 문자열로 변환
Chapter. 반복문
🍏 반복문
같거나 비슷한 코드를 여러번 실행할 경우의 구문
반복할 범위가 정해져 있다면 : for
반복할 범위가 정해져 있지 않거나 반복 횟수를 알 수 없다면 : while
for
for(초기화; 조건식; 증감문){
반복할 함수;
}while
초기화
while(조건식){
반복할 함수;
증감문;
}
Salty as Salt