SW 개발/Vanilla JS

[JavaScript] λ°°μ—΄ 병합 ν•¨μˆ˜μ— λŒ€ν•΄ μ•Œμ•„λ³΄μž!(concat, join)

DATA101 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
λ°˜μ‘ν˜•