๊ด€๋ฆฌ ๋ฉ”๋‰ด

Hey Tech

[JavaScript] ๋ฐฐ์—ด ๋ณ‘ํ•ฉ ํ•จ์ˆ˜์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž!(concat, join) ๋ณธ๋ฌธ

SW ๊ฐœ๋ฐœ/Vanilla JS

[JavaScript] ๋ฐฐ์—ด ๋ณ‘ํ•ฉ ํ•จ์ˆ˜์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž!(concat, join)

Tony Park (ํ† ๋‹ˆ) 2021. 12. 1. 13:14
728x90
๋ฐ˜์‘ํ˜•

๐Ÿ’ก ๋ชฉํ‘œ

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
๋ฐ˜์‘ํ˜•