FE/JavaScript

    [JavaScript] ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ Join ์‚ฌ์šฉ๋ฒ•

    โœ”๏ธ join() ๋ฐฐ์—ด์˜ ๋ชจ๋“  ์š”์†Œ๋ฅผ ํ•ฉ์ณ ๋ฌธ์ž์—ด๋กœ ๋งŒ๋“ค๊ณ  ์‹ถ์€ ๊ฒฝ์šฐ, join ๋ฉ”์†Œ๋“œ๋ฅผ ์‚ฌ์šฉํ•˜๋ฉฐ ๋œ๋‹ค. โœ”๏ธ join() ๊ธฐ๋ณธํ˜•์‹ arr.join([separator]); arr : ๋ฐฐ์—ด [separator] : ํ•ฉ์น  ๋•Œ ์‚ฌ์ด์‚ฌ์ด์— ๋„ฃ์„ ๋ฌธ์ž์—ด, ์ฆ‰ ๋ฐฐ์—ด์˜ ์š”์†Œ๋ฅผ ๊ตฌ๋ถ„์ง“๋Š” ๋ฌธ์ž์—ด โœ”๏ธ join() ์˜ˆ์ œ const arr = ['H', 'e', 'l', 'l', 'o']; arr.join(''); // separator๋กœ ๊ณต๋ฐฑ์„ ๋„ฃ์—ˆ๋‹ค. // ๊ฒฐ๊ณผ : Hello

    [JavaScript] ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์˜ฌ๋ฆผ, ๋‚ด๋ฆผ, ๋ฐ˜์˜ฌ๋ฆผ(Math ๋ฉ”์†Œ๋“œ)

    โœ”๏ธ ์˜ฌ๋ฆผ Math.ceil() ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ์ˆ˜๋ฅผ ์˜ฌ๋ฆผํ•  ๋•Œ Math.ceil()์„ ์‚ฌ์šฉํ•œ๋‹ค. // ์˜ฌ๋ฆผ Math.ceil(1.33); // 2 Math.ceil(1.5); // 2 // ์Œ์ˆ˜์ธ ๊ฒฝ์šฐ Math.ceil(-1); // -1 Math.ceil(-1.133); // -1 Math.ceil(-1.5); // -1 โœ”๏ธ ๋‚ด๋ฆผ Math.floor() ์ˆ˜๋ฅผ ๋‚ด๋ฆผํ•  ๋• Math.floor()๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค. Math.floor์™€ ~~๋Š” ๊ฐ™์€ ์—ญํ• ์„ ํ•œ๋‹ค. Math.floor() === ~~ // ๋‚ด๋ฆผ Math.floor(1); // 1 Math.floor(1.222); // 1 Math.floor(1.5); // 1 ~~1.5 //1 // ์Œ์ˆ˜์ธ ๊ฒฝ์šฐ Math.floor(-1); // -1 Math.f..

    [JavaScript] ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ reduce ํ•จ์ˆ˜ ์‚ฌ์šฉ๋ฒ•

    โœ”๏ธ reduce() ์š”์•ฝ reduce()ํ•จ์ˆ˜๋Š” ๋ฐฐ์—ด์—์„œ ์‚ฌ์šฉํ•จ. ๋ฐฐ์—ด์˜ ์š”์†Œ๋ฅผ ์ˆœ์ฐจ์ ์œผ๋กœ ์ˆœํšŒํ•˜๋ฉฐ ํŠน์ •ํ•œ ๊ฐ’(์ˆซ์ž, ๋ฐฐ์—ด, ๊ฐ์ฒด ๋“ฑ)์„ returnํ•˜๋Š” ํ•จ์ˆ˜. โœ”๏ธ reduce() ์˜ ๊ธฐ๋ณธ๋ฌธ๋ฒ• arr.reduce(callback(accumulator, currentValue, index, array), initialValue); reduce()๋ฅผ ๋ถ€๋ฅด๋ฉด callbackํ•จ์ˆ˜๋ฅผ ์ •์˜ํ•ด์•ผํ•จ. callbackํ•จ์ˆ˜์˜ ๋งค๊ฐœ๋ณ€์ˆ˜๋“ค์€ ๊ฐ๊ฐ ์ด๋Ÿฌํ•จ accumulator : ์ฝœ๋ฐฑํ•จ์ˆ˜์˜ ๋ฐ˜ํ™˜๊ฐ’ currentValue : ๋ฐฐ์—ด์˜ ์š”์†Œ๋ฅผ ์ˆœ์ฐจ์ ์œผ๋กœ ์ˆœํšŒํ• ๋•Œ์˜ ํ˜„์žฌ ์š”์†Œ index(์˜ต์…˜) : ๋ฐฐ์—ด์˜ ์ธ๋ฑ์Šค array(์˜ต์…˜) : reduceํ•จ์ˆ˜๊ฐ€ ํ˜ธ์ถœ๋œ ๋ฐฐ์—ด(arr) โœ”๏ธ ์‚ฌ์šฉ๋ฒ• function ํ˜•์‹ var arr = [1, 2..

    [JavaScript] ๋ฆฌ์ŠคํŠธ ์ถ”๊ฐ€ํ•˜๊ธฐ

    ๋ฆฌ์ŠคํŠธ์— ์š”์†Œ๋ฅผ ์ถ”๊ฐ€ํ•˜๊ธฐ ์œ„ํ•ด push๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ๋œ๋‹ค. var data = []; data.push(5);

    [JavaScript] ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ํ˜•๋ณ€ํ™˜

    ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ํƒ€์ž…์ด ์œ ์—ฐํ•œ ์–ธ์–ด์ด๋‹ค. ๊ทธ๋Ÿฌ๋ฉด ํ˜•๋ณ€ํ™˜์„ ์–ด๋–ป๊ฒŒ ํ•ด์•ผํ•˜๋‚˜? ๋จผ์ €, ๊ธฐ๋ณธ์ ์œผ๋กœ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์— ํƒ€์ž…์€ ์•„๋ž˜์™€ ๊ฐ™์ด ์กด์žฌํ•œ๋‹ค. ์›์‹œํƒ€์ž… 1. ์ˆซ์ž (number) 2. ๋ฌธ์ž์—ด (string) 3. ๋ถˆ๋ฆฌ์–ธ (boolean) 4. undefined 5. symbol -> ES6 ๋ฒ„์ „์—์„œ ์ƒˆ๋กญ๊ฒŒ ์ถ”๊ฐ€๋จ ๊ฐ์ฒดํƒ€์ž… 6. object ํ˜•๋ณ€ํ™˜ ์ˆซ์ž๋ณ€ํ™˜ Number() Number()์€ ์ •์ˆ˜ํ˜•๊ณผ ์‹ค์ˆ˜ํ˜•์˜ ์ˆซ์ž๋กœ ๋ณ€ํ™˜ํ•œ๋‹ค. Number("12345") // 12345 Number("10"*10) // 100 parseInt() parseInt()๋Š” ์ •์ˆ˜ํ˜•์˜ ์ˆซ์ž๋กœ ๋ณ€ํ™˜ํ•œ๋‹ค. parseInt(“123”) //123 parseInt(123.35) //123 parseInt(0033); //0์œผ๋กœ ์‹œ์ž‘ -> 8์ง„์ˆ˜๋กœ..