: ์ด๋ ํ ์กฐ๊ฑด์ ํ๋ณํ๋ ๊ธฐ์ค์ ๋ง๋๋ ๊ฒ์ผ๋ก ๋น๊ต์ฐ์ฐ์
๊ฐ ํ์!
if (์กฐ๊ฑดA) {
return ~
} else if (์กฐ๊ฑดB) {
return ~
} else {
return ~
}
์ฐ์ฐ์ | ์๋ฏธ |
---|---|
> | ์ด๊ณผ |
< | ๋ฏธ๋ง |
>= | ์ด์ |
<= | ์ดํ |
=== | ๊ฐ๋ค |
!== | ๋ค๋ฅด๋ค |
โย ==
, !=
์ฌ์ฉ ์ง์ (๐คทโโ๏ธ why? ์๊ฒฉํ ํ์
๋น๊ต X)
: ๋๊ฐ์ง ์กฐ๊ฑด์ ํ๋ฒ์ ์ ์ฉํ๋ ๊ฒฝ์ฐ ์ฌ์ฉ
AND
์ฐ์ฐ | ๊ฒฐ๊ณผ |
---|---|
true && true | true |
true && false | false |
false && false | false |
โย AND
์ฐ์ฐ์๋ falsy
ํ ๊ฐ์ ๋ง๋๋ฉด, ๊ทธ ๊ฐ ์ถ๋ ฅ
์ฐ์ฐ | ๊ฒฐ๊ณผ |
---|---|
undefined && 10 | undefined |
5 && false | false |
โ ๋๋ค truthy
ํ ๊ฒฝ์ฐ, ๋ค์ ์๋ ๊ฐ ์ถ๋ ฅ
์ฐ์ฐ | ๊ฒฐ๊ณผ |
---|---|
5 && 10 | 10 |
OR
์ฐ์ฐ | ๊ฒฐ๊ณผ |
---|---|
true || true | true |
true || false | true |
false || false | false |
โย OR
์ฐ์ฐ์๋ truthy
ํ ๊ฐ์ ๋ง๋๋ฉด, ๊ทธ ๊ฐ ์ถ๋ ฅ (๊ทธ ์ดํ๋ ํ๊ฐ x)
์ฐ์ฐ | ๊ฒฐ๊ณผ | ์ด์ |
---|---|---|
undefined || 10 | 10 | undefined์ด false ์ทจ๊ธ์ด๋ฏ๋ก 10 ์ถ๋ ฅ |
5 || 10 | 5 | ์์์ ๋ถํฐ ํ๊ฐํ๊ธฐ ๋๋ฌธ์ 5 ์ถ๋ ฅ |
โย ๋ ๋ค falsyํ ๊ฒฝ์ฐ, ๋ค์ ์๋ ๊ฐ ์ถ๋ ฅ
์ฐ์ฐ | ๊ฒฐ๊ณผ |
---|---|
undefined || false | false |
NOT
!false | true |
---|---|
!(3>2) | false |
!undefined | true |
!'Hello' | false |
โย undefined
: false
์ทจ๊ธ(falsy
)
โย 'abc'
๋น์ด ์์ง ์์ ๋ฌธ์์ด: true
์ทจ๊ธ(truthy
)
โ if๋ฌธ์์ false
๋ก ๋ณํ๋๋ฏ๋ก, if ๊ตฌ๋ฌธ ์คํ X
if(false)
if(null)
if(undefined)
if(0)
if(NaN)
if(' ')
str[index]
: index์ ํด๋นํ๋ ๋ฌธ์ ์ถ๋ ฅ (read-only)
str1 = 'Code';
str2 = 5;
str3 = 'Happy';
console.log(str1 + str2 + str3) // Code5Happy
// = str1.concat(str2, str3 ...)
๐๐ป toString
: string ํ์
๊ณผ ๋ค๋ฅธ ํ์
์ฌ์ด์ + ์ฐ์ฐ์๋ฅผ ์ฐ๋ฉด, string ํ์์ผ๋ก ๋ณํ
str.length
: ๋ฌธ์์ด str์ ์ ์ฒด ๊ธธ์ด return
str.indexOf(searchValue)
: ์ฐพ๊ณ ์ ํ๋ ๋ฌธ์์ด์ด ์์นํ๋ index return
```jsx
// ์ฒ์์ผ๋ก ์ผ์นํ๋ index return
// ๊ณต๋ฐฑ๋ ํ๋์ index๋ฅผ ๊ฐ์ง๋ค๊ณ ์๊ฐํ๊ธฐ!
'Hard Coding Coding'.indexOf('Hard'); // 0
// ์ฐพ๊ณ ์ ํ๋ ๋ฌธ์์ด์ด ์์ผ๋ฉด -1 return
'Hard Coding'.indexOf('hard'); // -1
// lastIndexOf: ๋ฌธ์์ด ๋ค๋ถํฐ ์ฐพ๊ธฐ
'apple'.lastIndexOf('p'); // 2
```
str.includes(searchValue)
: ์ฐพ๊ณ ์ ํ๋ ๋ฌธ์์ด์ด ํฌํจ๋์ด ์๋์ง ํ๋ณ (true
/ false
)
str.split(seperator)
: seperator ๋ฌธ์๋ฅผ ๊ธฐ์ค์ผ๋ก ๋ฌธ์์ด์ ์ชผ๊ฐฌ (csv ํ์ ์ฒ๋ฆฌ์ ์ ์ฉ)
A.
var str = 'Nice to meet you';
str.split(' ');
// str.split('\n') => ์ค๋จ์๋ก ๋ฌธ์์ด์ ์ชผ๊ฐฌ
// ['Nice', 'to', 'meet', 'you']
B.
let alphabet = 'abcedf';
alphabet.split('');
// ['a', 'b', 'c', 'e', 'd', 'f']
str.substring(start index, end index)
: ์์๊ณผ ๋ index ์ฌ์ด์ ๋ฌธ์์ด retrun
cf. = str.slice(start, end)
var str = 'abcdefg';
str.substring(0,3); // 'abc'
// index๊ฐ 0~3์ด ์๋๋ผ 0~2์ธ ๋ฌธ์๋ฅผ returnํจ์ ์ฃผ์!
// parameter๊ฐ (end index, start index)์ฒ๋ผ ์์๊ฐ ๋ฐ๋์ด๋ OK
// parameter๊ฐ ์์์ผ ๊ฒฝ์ฐ 0์ผ๋ก ์ทจ๊ธ
str.toLowerCase()
: ์๋ฌธ์๋ก ๋ณํ
str.toUpperCase()
: ๋๋ฌธ์๋ก ๋ณํ
๐๐ป str ๋ฌธ์์ด ์์ฒด๊ฐ ๋ณํ๋๋ ๊ฒ์ ์๋ (Immutable)
๋ฌธ์์ด์ + ์ฐ์ฐ์๋ฅผ ์ฌ์ฉํ์ง ์๊ณ ํธ๋ฆฌํ๊ฒ ์ฌ๋ฌ ํ์ ์ ๋ฌธ์์ด ํผํฉ ๊ฐ๋ฅ
`์ง๊ธ์ ${hour}์ ${minute}๋ถ ${second}์ด ์
๋๋ค.`
๐ซ ์ฐ์ต ๋ฌธ์ ํ๋ค๊ฐ ๊ธฐ์ตํด์ผ ํ ๊ธฐํ ๊ฐ๋ ๋ค
- ์ง์ ๊ตฌํ๋ ์กฐ๊ฑด:
num % 2 === 0
(%
: ๋๋จธ์ง ๊ตฌํ๋ ์ฐ์ฐ์)- ์ ๊ณฑ๊ทผ ๊ตฌํ๋ ๋ฐฉ๋ฒ
a * a
a ** 2
Math.pow(a, 2)
- ๋ด๋ฆผ ์ฐ์ฐ:
Math.floor()
- ์ต์๊ฐ:
Math.min(num1, num2 ...)
- ์ต๋๊ฐ:
Math.max(num1, num2 ...)
- ์ ๋๊ฐ ์ฐ์ฐ:
Math.abs(num1 - num2)
str.substr(start index, length)
: start index๋ถํฐ length ๊ธธ์ด๋งํผ ์๋ผ๋ด์ด return
substring(start, end) | slice(start, end) | |
---|---|---|
start>end์ผ ๊ฒฝ์ฐ | start, end ์๋ก ๋ฐ๊ฟ์ ์ฒ๋ฆฌ | ๋น ๋ฌธ์์ด return |
index๊ฐ ์์์ผ ๊ฒฝ์ฐ | index๋ฅผ 0์ผ๋ก ์ทจ๊ธ | ๋ฌธ์์ด ๋งจ ๋์์ ์์์ ์ ๋๊ฐ๋งํผ ๋ด๋ ค์จ index๋ก ์ทจ๊ธ |
let str = 'carpediem';
str.slice(-3, 9);
// ๋งจ๋ค์ 'm'์ -1 ๊ธฐ์ค์ผ๋ก, index -3๋ 'i'
// ์ฆ, str.slice(-3, 9) === str.splice(6, 9)
// 'iem'