[JavaScript] ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ๋ฐฐ์—ด ๋ฉ”์„œ๋“œ์™€ ๊ณ ์ฐจ ํ•จ์ˆ˜

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ๋ฐฐ์—ด์„ ๋‹ค๋ฃฐ ๋•Œ ์œ ์šฉํ•œ ๋‹ค์–‘ํ•œ ๋นŒํŠธ์ธ ๋ฉ”์„œ๋“œ๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ๋ฐฐ์—ด์€ ์‚ฌ์šฉ ๋นˆ๋„๊ฐ€ ๋†’์€ ์ž๋ฃŒ๊ตฌ์กฐ์ด๋ฏ€๋กœ ๋ฐฐ์—ด ๋ฉ”์„œ๋“œ์˜ ์‚ฌ์šฉ๋ฒ•์„ ์ž˜ ์•Œ์•„๋‘˜ ํ•„์š”๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ ๋ฐฐ์—ด ๋ฉ”์„œ๋“œ ์ค‘์—์„œ ์‚ฌ์šฉ ๋นˆ๋„๊ฐ€ ๋†’์€ ๋ฉ”์„œ๋“œ์™€ ์ถ”๊ฐ€๋กœ ๋ฐฐ์—ด ๊ณ ์ฐจ ํ•จ์ˆ˜์— ๋Œ€ํ•ด์„œ ์•Œ์•„๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. *์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ๋ฐฐ์—ด์— ๋Œ€ํ•œ ์„ค๋ช…์€ ์•„๋ž˜์˜ ํฌ์ŠคํŒ…์„ ์ฐธ๊ณ ํ•˜์„ธ์š”. https://j-su2.tistory.com/79 [JavaScript] ๋ฐฐ์—ด ๋ฐฐ์—ด์ด๋ž€? ๋ฐฐ์—ด(array)๋Š” ์—ฌ๋Ÿฌ๊ฐœ์˜ ๊ฐ’์„ ์ˆœ์ฐจ์ ์œผ๋กœ ๋‚˜์—ดํ•œ ์ž๋ฃŒ๊ตฌ์กฐ์ž…๋‹ˆ๋‹ค. ์š”์†Œ(element) : ๋ฐฐ์—ด์ด ๊ฐ€์ง€๊ณ  ์žˆ๋Š” ๊ฐ’ ์ธ๋ฑ์Šค(index) : ๋ฐฐ์—ด์˜ ์š”์†Œ์—์„œ ์ž์‹ ์˜ ์œ„์น˜๋ฅผ ๋‚˜ํƒ€๋‚ด๋Š” 0 ์ด์ƒ์˜ ์ •์ˆ˜๋กœ ๋ฐฐ์—ด์— j-su2.tistory.com ๋ฐฐ์—ด ๋ฉ”์„œ๋“œ๋ฅผ ์‚ฌ์šฉํ•  ๋•Œ ์ฃผ์˜ํ•  ์  Array ์ƒ์„ฑ์ž ..

[JavaScript] ๋ฐฐ์—ด

๋ฐฐ์—ด์ด๋ž€? ๋ฐฐ์—ด(array)๋Š” ์—ฌ๋Ÿฌ๊ฐœ์˜ ๊ฐ’์„ ์ˆœ์ฐจ์ ์œผ๋กœ ๋‚˜์—ดํ•œ ์ž๋ฃŒ๊ตฌ์กฐ์ž…๋‹ˆ๋‹ค. ์š”์†Œ(element) : ๋ฐฐ์—ด์ด ๊ฐ€์ง€๊ณ  ์žˆ๋Š” ๊ฐ’ ์ธ๋ฑ์Šค(index) : ๋ฐฐ์—ด์˜ ์š”์†Œ์—์„œ ์ž์‹ ์˜ ์œ„์น˜๋ฅผ ๋‚˜ํƒ€๋‚ด๋Š” 0 ์ด์ƒ์˜ ์ •์ˆ˜๋กœ ๋ฐฐ์—ด์— ์ ‘๊ทผํ•  ๋•Œ ์‚ฌ์šฉ (๋Œ€๋ถ€๋ถ„์˜ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด์—์„œ ์ธ๋ฑ์Šค๋Š” 0๋ถ€ํ„ฐ ์‹œ์ž‘) ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ๋ฐฐ์—ด const arr = ['apple', 'bannana', 'orange']; arr[0]; // 'apple' arr.length // 3 for(let i=0;i true Object.getPrototypeOf(arr) === Array.prototype // -> true ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ๊ฐ’์œผ๋กœ ์ธ์ •ํ•˜๋Š” ๋ชจ๋“  ๊ฒƒ์€ ๋ฐฐ์—ด์˜ ์š”์†Œ๊ฐ€ ๋  ์ˆ˜ ์žˆ์Œ ๋ฐฐ์—ด์˜ ์š”์†Œ์— ์ ‘๊ทผํ•  ๋•Œ๋Š” ๋Œ€๊ด„ํ˜ธ ํ‘œ๊ธฐ๋ฒ•์„ ์‚ฌ์šฉ ๋ฐฐ์—ด์˜ ๊ธธ์ด..

[JavaScript] ES6 ํ•จ์ˆ˜์˜ ์ถ”๊ฐ€ ๊ธฐ๋Šฅ

ํ•จ์ˆ˜์˜ ๊ตฌ๋ถ„ ES6 ์ด์ „์˜ ํ•จ์ˆ˜์˜ ๋ชจ๋“  ํ•จ์ˆ˜๋Š” ์‚ฌ์šฉ ๋ชฉ์ ์— ๋”ฐ๋ผ ๋ช…ํ™•ํ•œ ๊ตฌ๋ถ„์ด ์—†์–ด ํ˜ธ์ถœ ๋ฐฉ์‹์— ํŠน๋ณ„ํ•œ ์ œ์•ฝ ์—†์ด ๋‹ค์–‘ํ•œ ํ˜•ํƒœ๋กœ ํ˜ธ์ถœ์ด ๊ฐ€๋Šฅํ–ˆ์Šต๋‹ˆ๋‹ค. ๋˜ํ•œ, ์ƒ์„ฑ์ž ํ•จ์ˆ˜๊ฐ€ ์•„๋‹Œ ํ•จ์ˆ˜๊ฐ€ ๋ถˆํ•„์š”ํ•œ ํ”„๋กœํ† ํƒ€์ž… ๊ฐ์ฒด๋ฅผ ์ƒ์„ฑํ•˜๊ธฐ ๋•Œ๋ฌธ์— ํ˜ผ๋ž€์Šค๋Ÿฌ์šฐ๋ฉฐ ์‹ค์ˆ˜๋ฅผ ์œ ๋ฐœํ•  ๊ฐ€๋Šฅ์„ฑ์ด ์žˆ๊ณ  ์„ฑ๋Šฅ์—๋„ ์ข‹์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ ES6์—์„œ๋Š” ํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉ ๋ชฉ์ ์— ๋”ฐ๋ผ ์„ธ ๊ฐ€์ง€ ์ข…๋ฅ˜๋กœ ๋ช…ํ™•ํžˆ ๊ตฌ๋ถ„ํ–ˆ์Šต๋‹ˆ๋‹ค. ES ํ•จ์ˆ˜์˜ ๊ตฌ๋ถ„ constructor prototype super arguments ์ผ๋ฐ˜ ํ•จ์ˆ˜(Normal) O O X O ๋ฉ”์„œ๋“œ(Method) X X O O ํ™”์‚ดํ‘œ ํ•จ์ˆ˜(Arrow) X X X X ๋ฉ”์„œ๋“œ ES6 ์‚ฌ์–‘์—์„œ ๋ฉ”์„œ๋“œ๋Š” ๋ฉ”์„œ๋“œ ์ถ•์•ฝ ํ‘œํ˜„์œผ๋กœ ์ •์˜๋œ ํ•จ์ˆ˜๋งŒ์„ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค. const obj = { x: 1, // foo๋Š” ๋ฉ”..

[JavaScript] ํด๋ž˜์Šค

๋“ฑ์žฅ ๋ฐฐ๊ฒฝ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ํ”„๋กœํ† ํƒ€์ž… ๊ธฐ๋ฐ˜ ๊ฐ์ฒด์ง€ํ–ฅ ์–ธ์–ด๋กœ ํด๋ž˜์Šค๊ฐ€ ํ•„์š” ์—†๋Š” ๊ฐ์ฒด์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด์ž…๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ํด๋ž˜์Šค ๊ธฐ๋ฐ˜ ์–ธ์–ด์— ์ต์ˆ™ํ•œ ํ”„๋กœ๊ทธ๋ž˜๋จธ๋“ค์€ ํ”„๋กœํ† ํƒ€์ž… ๊ธฐ๋ฐ˜ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ๋ฐฉ์‹์— ํ˜ผ๋ž€์„ ๋Š๋‚„ ์ˆ˜ ์žˆ์œผ๋ฉฐ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์–ด๋ ต๊ฒŒ ๋Š๋ผ๊ฒŒ ํ•˜๋Š” ํ•˜๋‚˜์˜ ์žฅ๋ฒฝ์ฒ˜๋Ÿผ ์ธ์‹๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ ES6์—์„œ ๋„์ž…๋œ ํด๋ž˜์Šค๋Š” ๊ธฐ์กด ํ”„๋กœํ† ํƒ€์ž… ๊ธฐ๋ฐ˜ ๊ฐ์ฒด์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ๋ณด๋‹ค ํด๋ž˜์Šค ๊ธฐ๋ฐ˜ ๊ฐ์ฒด์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด์™€ ๋งค์šฐ ํก์‚ฌํ•œ ์ƒˆ๋กœ์šด ๊ฐ์ฒด ์ƒ์„ฑ ๋ฉ”์ปค๋‹ˆ์ฆ˜์„ ์ œ์‹œํ•˜์˜€์Šต๋‹ˆ๋‹ค. ์‚ฌ์‹ค ํด๋ž˜์Šค๋Š” ํ•จ์ˆ˜์ด๋ฉฐ ๊ธฐ์กด ํ”„๋กœํ† ํƒ€์ž… ๊ธฐ๋ฐ˜ ํŒจํ„ด์„ ํด๋ž˜์Šค ๊ธฐ๋ฐ˜ ํŒจํ„ด์ฒ˜๋Ÿผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•˜๋Š” ๋ฌธ๋ฒ•์  ์„คํƒ•์ด๋ผ๊ณ  ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ, ์ƒ์„ฑ์ž ํ•จ์ˆ˜์™€ ๋งค์šฐ ์œ ์‚ฌํ•˜๊ฒŒ ๋™์ž‘ํ•˜๋Š” ๋ฐ˜๋ฉด ๋ช‡ ๊ฐ€์ง€ ์ฐจ์ด์ ์ด ์žˆ์–ด ์ƒˆ๋กœ์šด ๊ฐ์ฒด ์ƒ์„ฑ ๋ฉ”์ปค๋‹ˆ์ฆ˜์œผ๋กœ ๋ณด๋Š” ๊ฒƒ์ด ์ข€ ๋” ..