๋ฐ์ํ
250x250
Notice
Recent Posts
Recent Comments
์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- ์๊ณ ๋ฆฌ์ฆ
- ๋ฐ์ดํฐ๋ถ์
- ๋น ๋ฐ์ดํฐ
- AWS
- ํ๋ธ๋ก
- ์ฝ๋ฉํ ์คํธ
- ํ์ด์ฌ
- ๋ฐ์ดํฐ ๋ถ์
- ๊นํ๋ธ
- ํ ์คํธ๋ถ์
- ์๋ฐ์คํฌ๋ฆฝํธ
- erp
- react
- abap
- ๋ฐฑ์ค
- ๋ฅ๋ฌ๋
- ์ธ๊ณต์ง๋ฅ
- ์์ฐ์ด์ฒ๋ฆฌ
- AI
- ํ ์คํธ๋ง์ด๋
- nlp
- tableau
- ๋ฆฌ์กํธ
- github
- DFS
- Git
- ์๋ง์กด์น์๋น์ค
- ์ฝํ
- ํ๋ธ๋ฃจ
- sap
Archives
- Today
- Total
Hey Tech
[JavaScript] ๋ฐฐ์ด ๋ณํฉ ํจ์์ ๋ํด ์์๋ณด์!(concat, join) ๋ณธ๋ฌธ
SW ๊ฐ๋ฐ/Vanilla JS
[JavaScript] ๋ฐฐ์ด ๋ณํฉ ํจ์์ ๋ํด ์์๋ณด์!(concat, join)
Tony Park (ํ ๋) 2021. 12. 1. 13:14728x90
๋ฐ์ํ
๐ก ๋ชฉํ
JavaScript์์ ๋ฐฐ์ด์ ์์ ์ถ๊ฐ/์ญ์ ํ๋ ๋ฐฉ๋ฒ์ ๋ํด ์ดํดํ๋ค.
๋ค์ด๊ฐ๋ฉฐ
๋ฐฐ์ด ์ ์ธ
const arr = [80, 20, 10, 99, 1234];
์์ ๊ฐ์ด ๋ฐฐ์ด ๊ฐ์ฒด๋ฅผ ์์ฑํ๋ ๋์์ ์ด๊ธฐํํ์ต๋๋ค.
1. concat ํจ์: ๋ฐฐ์ด ๊ฐ ๋ณํฉ
let arrConcat = arr.concat(5678);
console.log("arr: ", arr); // [ 80, 20, 10, 99, 1234 ]
console.log("arrConcat: ", arrConcat); // [ 80, 20, 10, 99, 1234, 5678 ]
consoloe.log('----------------------------');
arrConcat = arr.concat([111, 222]);
console.log("arr: ", arr); // [ 80, 20, 10, 99, 1234 ]
console.log("arrConcat: ", arrConcat); // // [ 80, 20, 10, 99, 1234, 111, 222 ]
concat ํจ์๋ ๊ธฐ์กด ๋ฐฐ์ด์ ๋จ์ผ ์์ ๋๋ ๋ฐฐ์ด์ ๋ณํฉํ์ฌ ๋ฐํํฉ๋๋ค.
2. join ํจ์: ๋ฐฐ์ด ๋ด ์์ ๊ฐ ๋ณํฉ
let arrJoin = ['A', 'B', 'C'];
console.log(arrJoin.join()); // A,B,C
console.log(arrJoin.join('+')); // A+B+C
console.log(arrJoin.join('')); // ABC
join ํจ์๋ ๋ฐฐ์ด ๋ด ์์ ๊ฐ ๋ณํฉํฉ๋๋ค. ๋งค๊ฐ๋ณ์๋ ๊ตฌ๋ถ์ ์ญํ ์ ํฉ๋๋ค.
๋งค๊ฐ๋ณ์๊ฐ ์๋ค๋ฉด ๊ธฐ๋ณธ๊ฐ์ผ๋ก ์ฝค๋ง๊ฐ ๊ตฌ๋ถ์๊ฐ ๋๋ฉฐ,
'+'๋ฅผ ์ ๋ฌํ๋ฉด ์์ ๊ฐ ๋ณํฉ ์ +๊ฐ ๊ตฌ๋ถ์๊ฐ ๋ฉ๋๋ค.
ํฌ์คํ ๋ด์ฉ์ ์ค๋ฅ๊ฐ ์๋ค๋ฉด ์๋์ ๋๊ธ ๋จ๊ฒจ์ฃผ์ธ์!
๊ทธ๋ผ ์ค๋๋ ์ฆ๊ฒ๊ณ ๊ฑด๊ฐํ ํ๋ฃจ ๋ณด๋ด์๊ธธ ๋ฐ๋๋๋ค.
๊ณ ๋ง์ต๋๋ค :-)
728x90
๋ฐ์ํ