[길벗 Gilbut] 코딩 자율학습단 10기 자바스크립트 입문 - Week 01

Week 01

기존 일정 : ~p.191

진행 일정 : ~p.149

남은 학습은 주말에 보충으로,,🥺

 

자바스크립트를 완전히 처음 접하는 것은 아니였지만

기초부터 제대로 다지기 위해 교재를 보았고

기존에 알던 내용도 1분 퀴즈를 풀려고 봤을 때

긴가민가했던 게 있어서

간략히 정리해보았다

(📢 업데이트는 계속 될 예정)

---

&& 연산자

앞이 참이면 뒤에 있는 값이 출력

앞이 거짓이면 앞에 있는 값이 출력

> 5 && 4
< 4
// 5가 참이므로 뒤에 있는 값인 4가 출력됨

> '' && 6
< ''
// ''는 거짓이므로 앞에 있는 값인 ''가 출력됨

---

|| 연산자

앞이 참이면 앞에 있는 값이 출력

앞이 거짓이면 뒤에 있는 값이 출력

(&& 연산자와 반대)

> 'hi' || 5
< 'hi'
// 'hi'가 참이므로 뒤에 있는 값인 5가 출력

> 0 || 6
< 6
// 0은 거짓이므로 뒤에 있는 값인 6이 출력

> null || 6
< 6
// null은 거짓이므로 뒤에 있는 값인 6이 출력

---

?? 연산자 (널 병합 연산자)

앞이 null 이거나 undefined 이면 뒤에 있는 값이 출력

아니면 앞에 있는 값이 출력

> 'hi' ?? 5
< 'hi'

> 0 ?? 6
< 0

> null ?? 6
< 6

 

 

---

변수 Variable

 

변수명 규칙

1. 특수문자는 $ (달러), _ (언더바) 만 가능
2. 숫자로 시작하면 안됨
3. 한글, 한자, 유니코드 사용 가능하나, 영어로 통일할 것을 추천
4. 예약어 사용 금지
   • 예약어란 JS 내부에서 사용중인 단어
   • let, var, void, true 등등

변수 종류

1. let
2. const
   1. 상수 Constant 의 줄임말
   2. 한 번 값을 대입하면 다른 값을 넣을 수 없음
   3. 상수 선언 시, 초기화 필수
3. var
   1. 변수 Variable 의 줄임말
   2. 예전에 주로 사용했음
   3. let 과 동일하게 선언 시 초기화하지 않으면 undefined 대입
   4. let 과 다르게 예약어를 사용해도 에러가 발생하지 않음
   5. 기존에 선언했어도 다시 선언할 수 있음
   6. 4, 5번의 이유로 작업 시 개발자들의 혼란을 야기하여 요즘은 사용하지 않음

---

객체 Object

 

객체의 종류

1. 배열 Array
2. 함수 Function
3. 배열과 함수가 아닌 객체

---

배열 Array

- 요소 element = 배열의 값

- at()

const findLastElement = ['a','b','c','d','e']

findLastElement.at(4); // 'e'
findLastElement.at(-1); // 'e'
// 음수 사용 시 마지막에서부터 요소를 찾음

 

- unshift()

배열 맨 앞에 새로운 요소 추가

- shift()

첫 번째 요소 삭제

- splice()

콤마로 숫자 두 개 사용 시 splice(시작 인덱스, 삭제할 개수)

const target = ['가','나','다','라','마'];
target.splice(2,2); // ['가','나','마']

숫자 한 개 사용 시 해당 인덱스부터 배열 끝까지 삭제

---

함수 Function

화살표 함수

const a = () => {};

---