TIL(14)

codedotยท2021๋…„ 6์›” 28์ผ

๐Ÿ’ป Today

1. ์ฝ”๋“œ์Šคํ…Œ์ด์ธ 

  • JS (๋ฐฐ์—ด, ๊ฐ์ฒด)
  • ๋ฐฐ์—ด ์ฝ”ํ”Œ๋ฆฟ

2. ํ•™์Šต

  • JS ๋ฐฐ์—ด, ๊ฐ์ฒด

3. ์ƒ๊ฐ

JS๋ฐฐ์—ด๊ณผ ๊ฐ์ฒด์— ๋Œ€ํ•ด ๋ฐฐ์› ๋‹ค.
์‚ฌ์‹ค ํ•™์Šตํ•˜๋Š” ์‹œ๊ฐ„์€ ๋งค์šฐ ์ ์—ˆ๊ณ  ์ฝ”ํ”Œ๋ฆฟ ๋ฌธ์ œ๋ฅผ ํ’€๋ฉฐ ์•Œ์•„๊ฐ€๋Š” ์‹œ๊ฐ„์ด ๋” ๋งŽ์•˜๋‹ค.
ํŽ˜์–ด์™€ ํ•จ๊ป˜ 25๋ฌธ์ œ๋ฅผ ๋‹ค ํ’€์ง€ ๋ชปํ–ˆ์ง€๋งŒ ๋ช‡ ๋ฌธ์ œ๋งŒ ๋‚จ๊ธฐ๊ณ  ๋‹ค ํ’€์–ด์„œ ๋‹คํ–‰์ด๋ผ ์ƒ๊ฐํ–ˆ๋‹ค.
๋‚ด์ผ ๊ฐ์ฒด ์ฝ”ํ”Œ๋ฆฟ ํ•˜๋ฉฐ ๋‹ค ํ’€์–ด์•ผ์ง€!!!

์ด๋ฒˆ์— ๋งŒ๋‚œ ํŽ˜์–ด๋Š” ์‹ค๋ ฅ์ด ๋‚˜์™€ ๋น„์Šทํ–ˆ๋‹ค.
๊ทธ๋™์•ˆ ๊ธฐ์ˆ˜์ด๋™์ด๋‚˜ ๊ฝค๋‚˜ ์ž˜ํ•˜๋˜ ์‚ฌ๋žŒ๋“ค๊ณผ ํ•˜๋‹ค๊ฐ€ ์ด๋ฒˆ์— ์‹ค๋ ฅ์ด ๋น„์Šทํ•œ ํŽ˜์–ด์™€ ํ•จ๊ป˜ ํ•˜๋‹ค๋ณด๋‹ˆ ๊ฝค๋‚˜ ์œ ์ตํ–ˆ๋‹ค.
๋ฌผ๋ก  ์‹œ๊ฐ„์ด ์ข€ ๋ชจ์ž๋ผ๊ธด ํ–ˆ์ง€๋งŒ ํ•œ ๋ฌธ์ œ, ํ•œ ๋ฌธ์ œ์— ์„œ๋กœ ๊ณ ๋ฏผํ•˜๊ณ  ๊ฒ€์ƒ‰ํ•˜๋ฉฐ ์„œ๋กœ์˜ ์ •๋ณด๋ฅผ ์ฃผ๊ณ ๋ฐ›์œผ๋ฉฐ ํ•˜๋‚˜ํ•˜๋‚˜ ํ’€์–ด๊ฐ”๋Š”๋ฐ ๊ธฐ์–ต์— ๋” ๋‚จ๊ณ  ์„ฑ์ทจ๊ฐ๋„ ์ปธ๋‹ค.
ํ•˜๋ฃจํ•˜๋ฃจ ์‹œ์ž‘ํ•  ๋•Œ ๋งˆ๋‹ค ๋ชจ๋“ ๊ฒŒ ์ฒ˜์Œ๋ฐฐ์šฐ๋Š” ๊ฑฐ๋ผ ํ•ญ์ƒ ๊ฑฑ์ •์ด ๋”ฐ๋ฅธ๋‹ค.
ํ˜น์‹œ๋‚˜ ์ž˜ ์ดํ•ดํ•˜์ง€ ๋ชปํ•˜๋ฉด ์–ด์ฉŒ์ง€, ๋‚ด๊ฐ€ ์ž˜ ์ดํ•ด ๋ชปํ•ด ํŽ˜์–ด์—๊ฒŒ ์˜ํ–ฅ์„ ๋ผ์น˜๋Š”๊ฑด ์•„๋‹์ง€, ๋‚˜ ์Šค์Šค๋กœ ์ดํ•ด๋ฅผ ๋ชปํ•ด ์ž˜ ๋”ฐ๋ผ๊ฐ€์ง€ ๋ชปํ•˜๋ฉด ์–ด๋–ปํ•˜์ง€ ํ•˜๋Š” ๋ถˆ์•ˆ๊ฐ์ด ์žˆ๋‹ค.
ํ•˜์ง€๋งŒ ๋ง‰์ƒ ๋“ค์ด๋‹ฅ์น˜๋ฉด ์–ด๋–ป๊ฒŒ๋“  ํ•ด๊ฒฐ ๋˜์–ด์žˆ๋Š”๊ฒŒ ์ฐธ ์‹ ๊ธฐํ•˜๋‹ค.
ํฌ๊ฒŒ ์„ฑ์žฅํ–ˆ๋‹ค๋ผ๋Š” ๋А๋‚Œ๋ณด๋‹ค๋Š” ์„ฑ์ทจ๊ฐ๊ณผ ํ•˜๋ฃจ์ข…์ผ ์ด ๋…ธํŠธ๋ถ ์•ž์— ์•‰์•„ ์‹œ๊ฐ„์„ ๋ณด๋‚ด๊ณ  ์žˆ๋Š” ๋‚ด๊ฐ€ ์‹ ๊ธฐํ•˜๊ธฐ ๊ทธ์ง€์—†๋‹ค.
์ž˜ ํ•˜๊ณ  ์‹ถ์€ ์š•์‹ฌ๊ณผ ๋ฌด์‚ฌํžˆ ๋ชจ๋“ ๊ฒƒ์„ ์ž˜ ๋งˆ์น˜๊ณ  ์ทจ์งํ•˜์—ฌ ์ผํ•˜๊ณ  ์žˆ์„ ๋‚ ์„ ๊ฟˆ๊พธ์ง€๋งŒ ์•„์ง์€ ๋„ˆ๋ฌด ๋ฉ€๋ฆฌ ์žˆ๋Š”๊ฒƒ ๊ฐ™๋‹ค.
๊ทธ๋ž˜๋„ ๋„ˆ๋ฌด ์กฐ๊ธ‰ํ•˜์ง€ ์•Š๊ฒŒ ํ•˜๋ฃจํ•˜๋ฃจ ์ตœ์„ ์„ ๋‹คํ•˜๋ฉฐ ๊ฐ€๋ณด๋ คํ•œ๋‹ค.
์˜ค๋Š˜๋„ ์ˆ˜๊ณ ํ–ˆ๋‹ค. ํŒŒ์ดํŒ…!!

4. ์ค‘์š”

๋ฐฐ์—ด

๋ฐฐ์—ด : ์ˆœ์„œ๊ฐ€ ์žˆ๋Š” ๊ฐ’

์ˆœ์„œ : ์ธ๋ฑ์Šค(index) , ๊ฐ’ : ์š”์†Œ(element)

๋Œ€๊ด„ํ˜ธ(square bracket)์„ ์ด์šฉํ•˜์—ฌ ๋ฐฐ์—ด์„ ๋งŒ๋“ค๊ณ  ๊ฐ๊ฐ์˜ ์›์†Œ(element)๋Š” ์‰ผํ‘œ(comma)๋กœ ๊ตฌ๋ถ„

let myNumber = [1, 19, 29, 32, 33, 51];

: "myNumber" ๋ผ๋Š” ๋ฐฐ์—ด์˜ 3๋ฒˆ์งธ ์ธ๋ฑ์Šค๋ฅผ ์กฐํšŒ ํ•˜๋ ค๋ฉด 

myNumber[3]; // 32

: "myNumber"๋ผ๋Š” ๋ฐฐ์—ด์˜ 3๋ฒˆ์งธ ์ธ๋ฑ์Šค์˜ ๊ฐ’์„ ๋ณ€๊ฒฝํ•˜๋ ค๋ฉด

myNumber[3] = 100; // 32๊ฐ€ 100์œผ๋กœ ๋ฐ”๋€œ
let myNumber = [[13, 20], [45, 16], [1, 19]];

: myNumber์˜ 1๋ฒˆ์งธ ์ธ๋ฑ์Šค์˜ ๊ฐ’์€?

myNumber[1]; // 45, 16

: myNumber์˜ 1๋ฒˆ์งธ ์ธ๋ฑ์Šค๊ฐ’์˜ 0๋ฒˆ์งธ ์ธ๋ฑ์Šค ๊ฐ’์€?

myNumber[1][0]; // 45

๋ฐฐ์—ด์˜ ๊ธธ์ด (.length)

ex) let myNumber = [1, 2, 3, 4];

: myNumber.length; // 4

์š”์†Œ ์ถ”๊ฐ€ [ .push() ]

ex) let myNumber = [1, 2, 3, 4];

: myNumber.push(72); // myNumber = [1, 2, 3, 4, 72]

์š”์†Œ ์‚ญ์ œ [ .pop() ]

ex) let myNumber = [1, 2, 3, 4]

: myNumber.pop(); // myNumber[1, 2, 3]

์š”์†Œ ์•ž์ชฝ์— ์žˆ๋Š” ์ธ๋ฑ์Šค ์‚ญ์ œ [ shift() ] <--> ์•ž์ชฝ ์ถ”๊ฐ€[ unshift() ]

ex) let myNumber = [1, 2, 3, 4]

: myNumber.shift() // myNumber[2, 3, 4]

๋ฐ˜๋ณต๋ฌธ์„ ์ด์šฉํ•ด ๋ฐฐ์—ด์˜ ์š”์†Œ๋ฅผ ํ•œ๋ฒˆ์”ฉ ์ถœ๋ ฅํ•˜๋ ค๋ฉด?

: let myNum = [5, 6, 32, 71];

for(let i = 0; i < myNum.lenght; i++){

console.log(myNum[i]);

}

myNum์˜ ๋ชจ๋“  ์š”์†Œ๋ฅผ ๋ˆ„์ ํ•ด 80์„ ์ถœ๋ ฅํ•˜๋ ค๋ฉด?

ex) let myNum = [ 10, 20, 40, 10];

let sum = 0;

for (let n=0; n < myNum.length; n++){

sum = sum + myNumber[n];

} //80

๋ฐฐ์—ด์ธ์ง€ ํ™•์ธํ•˜๋Š” ๋ฐฉ๋ฒ•

let words = [ '๋‚˜' , '๋„ˆ' , '์šฐ๋ฆฌ']

Array.isArray(words) // true

slice()

  • ์ฒซ๋ฒˆ์งธ ์š”์†Œ๋Š” index๋กœ ํŒ๋‹จ ๋‘๋ฒˆ์งธ ์š”์†Œ๋Š” ๊ธธ์ด๋กœ ํŒ๋‹จ
  • " - "(๋งˆ์ด๋„ˆ์Šค) ๋งˆ์ง€๋ง‰๊ฐ’์„ ๋บ€ ๋‹ค์Œ ๊ฐ’๋ถ€ํ„ฐ ์š”์†Œ๋กœ ์ถ”์ถœ
  • !์ฐธ๊ณ ! https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/slice

splice()

  • arr.splice(์‚ญ์ œํ• index, ์‚ญ์ œํ• ๊ฐœ์ˆ˜, ์ถ”๊ฐ€ํ• ์š”์†Œ, ์ถ”๊ฐ€ํ• ์š”์†Œ, ...);
let numbers= [1, 2, 3, 5, 8, 9];

// numbers ๋ฐฐ์—ด์˜ ์š”์†Œ๋“ค ์ค‘ ํ™€์ˆ˜๋ฅผ ๋ชจ๋‘ ์‚ญ์ œํ•ด ์ฃผ์„ธ์š”.

for (let i = 0; i < numbers.length; i++) {
  if (numbers[i] % 2 !== 0) {
    numbers.splice(i, 1);
    i--;
  }
}
profile
Loding...

0๊ฐœ์˜ ๋Œ“๊ธ€