๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
TIL -์ผ๊ฐ„ํ•™์Šต๊ธฐ๋ก/Java Script

Array์™€ Object์˜ ๊ฐ’ ์‚ฌ์šฉํ•˜๊ธฐ

by ___Jin 2022. 1. 16.

ํ•™์Šต๋ชฉํ‘œ

๋ฐฐ์—ด์„ ์ƒ์„ฑํ•˜๊ณ  ์ถ”๊ฐ€ํ•˜๊ณ  ์‚ญ์ œํ•˜๊ณ  ์ˆ˜์ •ํ• ์ˆ˜์žˆ๋‹ค.

๋ฐฐ์—ด์—์„œ ํ™œ์šฉํ•  ๋ฉ”์„œ๋“œ๋ฅผ ๋– ์˜ฌ๋ฆด์ˆ˜์žˆ๋‹ค.

 

๊ฐ์ฒด์—์„œ ํ‚ค์™€ ๊ฐ’์„ ์Œ ํ˜น์€ ๊ฐœ๋ณ„์ ์œผ๋กœ ์ƒ์„ฑ, ์ถ”๊ฐ€, ์‚ญ์ œ, ์ˆ˜์ • ํ• ์ˆ˜์žˆ๋‹ค.

๊ฐ์ฒด์—์„œ ํ™œ์šฉํ•  ๋ฉ”์„œ๋“œ๋ฅผ ๋– ์˜ฌ๋ฆด์ˆ˜์žˆ๋‹ค.

๋ฐ˜๋ณต๋ฌธ์œผ๋กœ ๊ฐ์ฒด๋ฅผ ์กฐํšŒํ•˜๋Š”๊ฒƒ์„ ์„ค๋ช…ํ• ์ˆ˜์žˆ๋‹ค.

๋ฐฐ์—ด

๋ฐฐ์—ด์˜ ๊ฐ’ = ์š”์†Œ(Element)

์ˆœ์„œ = Index(0๋ถ€ํ„ฐ ์‹œ์ž‘)

๋ฐฐ์—ด.length๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ๋ฐฐ์—ด์† ์š”์†Œ์˜ ๊ฐฏ์ˆ˜๋ฅผ ์•Œ์ˆ˜์žˆ๋‹ค.

[๋Œ€๊ด„ํ˜ธ๋ฅผ ์ด์šฉํ•ด๋งŒ๋“ค๊ณ  ๊ฐ๊ฐ์˜ ์›์†Œ๋Š” ,๋ฅผ ์ด์šฉํ•ด ๊ตฌ๋ถ„ํ•œ๋‹ค.]

์—†๋Š” ์š”์†Œ๋ฅผ ์กฐํšŒํ•˜๋ฉด undefined๋ฅผ ์ถœ๋ ฅํ•œ๋‹ค.

 

๋ฐฐ์—ด ํ™œ์šฉ Method

๋ฐฐ์—ด์˜ํƒ€์ž…์„ ํ™•์ธํ•˜๋Š” ๋ฒ•

typeOf ๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด object๊ฐ€ ์ถœ๋ ฅ๋˜์–ด ๊ฐ์ฒด์™€ ๊ตฌ๋ถ„ํ• ์ˆ˜์—†์Œ.

Array.isArray(ํ™•์ธํ•  ์š”์†Œ) //boolean๊ฐ’์œผ๋กœ ๋ฆฌํ„ดํ•จ(If๋ฌธ์— ๋ฐ”๋กœ ์ ์šฉํ• ์ˆ˜์žˆ์–ด ํŽธํ–ˆ์Œ)

 

๋ฐฐ์—ด์— ์š”์†Œ ์ถ”๊ฐ€ (๋ณ€์ˆ˜์— ๋‹ด์ง€์•Š๊ณ  ๋ฐ”๋กœ ์ถœ๋ ฅํ•˜๋ฉด length๋ฅผ ๋ฆฌํ„ด)

.push(์ถ”๊ฐ€ํ•  ์š”์†Œ ์ž‘์„ฑ) ๋งจ๋’ค์— ์š”์†Œ ์ถ”๊ฐ€

.unshift(์ถ”๊ฐ€ํ•  ์š”์†Œ ์ž‘์„ฑ) ๋งจ์•ž์— ์š”์†Œ ์ถ”๊ฐ€

 

๋ฐฐ์—ด์— ์š”์†Œ ์‚ญ์ œ (๋ณ€์ˆ˜์— ๋‹ด์ง€์•Š๊ณ  ๋ฐ”๋กœ ์ถœ๋ ฅํ•˜๋ฉด ์‚ญ์ œ๋œ ์š”์†Œ๋ฅผ ๋ฆฌํ„ด)

.pop() ๋งจ๋’ค์˜ ์š”์†Œ ์‚ญ์ œ

.shift() ๋งจ์•ž์˜ ์š”์†Œ ์‚ญ์ œ

 

๋ฐฐ์—ด์—์„œ ์ตœ๋Œ€/์ตœ์†Œ๊ฐ’ ์ฐพ๊ธฐ

์ตœ๋Œ€๊ฐ’ 

let max = Math.max.apply(null,๋ฐฐ์—ด์ฃผ์†Œ);

์ตœ์†Œ๊ฐ’

let min = Math.min.apply(null,๋ฐฐ์—ด์ฃผ์†Œ);

 

๋ฐฐ์—ด ํ•ฉ์น˜๊ธฐ

๋Œ€์ƒ๋ฐฐ์—ด.concat(ํ•ฉ์น ๋ฐฐ์—ด);

spread๋ฌธ๋ฒ• (... ์‚ฌ์šฉ์‹œ ๊ธฐ์กด๋ฐฐ์—ด์ด ๋ฐ”๊พธ์ง€์•Š๊ธฐ๋•Œ๋ฌธ์— arr1์˜ ๊ฐ’์„ ๋ฐ”๊พธ๋ ค๋ฉด ์ƒˆ๋กญ๊ฒŒ ํ• ๋‹นํ•ด์•ผํ•จ)

arr1 = [...arr1, ...arr2]

 

๋ฒ ์—ด ๋ณต์‚ฌํ•˜๊ธฐ (arr2๋ฅผ ์ˆ˜์ •ํ•œ๋‹ค๊ณ  arr๊ฐ’์ด ๋ณ€ํ•˜์ง€์•Š์Œ)

let arr = [1, 2, 3];
let arr2 = [...arr]; // arr.slice() ์™€ ์œ ์‚ฌ

 

'TIL -์ผ๊ฐ„ํ•™์Šต๊ธฐ๋ก > Java Script' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

Call back ํ•จ์ˆ˜๋กœ Method ๋งŒ๋“ค๊ธฐ  (0) 2022.01.24
Class์™€ Instance  (0) 2022.01.22
3W_JS_ํด๋กœ์ €ํ•จ์ˆ˜  (0) 2021.12.29
3W_JS_Scope  (0) 2021.12.29
3W_JS_Method  (0) 2021.11.25

๋Œ“๊ธ€