Zoeeey
Stack flows in you
Zoeeey
  • ๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ (155)
    • ๐Ÿ’ก UXUI (4)
      • UXUI (2)
      • UI (2)
      • UX (0)
    • ๐ŸŸจ JavaScript (66)
      • ๊ฐœ๋… (42)
      • ์ •๋ฆฌ (2)
      • ๋ฌธ์ œํ’€๊ธฐ (ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค, ์ฝ”๋”ฉ์• ํ”Œ) (15)
      • ์‘์šฉํ•˜์—ฌ ์ž๋™ํ™”or๋ฌธ์ œํ•ด๊ฒฐํ•˜๊ธฐ (2)
      • ๊ธฐํƒ€ (5)
    • โš›๏ธ React (49)
      • ๊ฐœ๋… (27)
      • ๊ฐœ๋…(Redux) (3)
      • ์ •๋ฆฌ (4)
      • ๋ฌธ์ œํ’€๊ธฐ (์ฝ”๋”ฉ์• ํ”Œ: React) (15)
    • ๐Ÿ“˜ TypeScript (10)
      • ๊ฐœ๋… (8)
      • ๋ฌธ์ œํ’€๊ธฐ (์ฝ”๋”ฉ์• ํ”Œ) (2)
    • ๐ŸŒ HTML,CSS (18)
      • ์‹ค๋ฌด์—์„œ ์ž์ฃผ ๋ฐœ์ƒํ•œ ์˜ค๋ฅ˜๋“ค (10)
      • ๋’ค๋Šฆ๊ฒŒ ์•Œ์•„์„œ ๋ผˆ์•„ํ”ˆ ์œ ์šฉํ•œ CSS (6)
      • ๊ธฐํƒ€ ์ž์ฃผ ์“ฐ๋Š” CSS (2)
    • ๐Ÿ’ป CS (8)
      • CS (5)
      • ์ •๊ทœํ‘œํ˜„์‹ (2)
      • Git,Github (1)

ํƒœ๊ทธ

  • array
  • CS
  • Props
  • redux
  • json
  • ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค
  • JavaScript
  • ์˜ค๋ฅ˜
  • CSS
  • ์ฝ”๋”ฉ์• ํ”Œ
  • state
  • react
  • axios
  • UXUI
  • useEffect
  • Ajax
  • object
  • class
  • TypeScript
  • ์‚ผํ•ญ์—ฐ์‚ฐ์ž
์ „์ฒด ๋ฐฉ๋ฌธ์ž
์˜ค๋Š˜
์–ด์ œ
hELLO ยท Designed By ์ •์ƒ์šฐ.
Zoeeey

Stack flows in you

๐ŸŸจ JavaScript/๊ฐœ๋…

[mdn, ๋“œ๋ฆผ์ฝ”๋”ฉ ์™ธ] ๋ฐฐ์—ด(array) (4) : ๊ฒ€์ƒ‰ (indexOf,lastIndexOf,includes)

2022. 6. 2. 12:42

๋ฐฐ์—ด์„ ๋งŒ๋“ค์—ˆ๋‹ค.

const goodcoders = ['noran', 'paran', 'black', 'white', 'noran'];

๊ฒ€์ƒ‰

indexOf : ๋ฐ์ดํ„ฐ์˜ ์ธ๋ฑ์Šค ์ฐพ๊ธฐ

console.log(goodcoders.indexOf('paran')) //1

์•„๋ž˜์ฒ˜๋Ÿผ ๋ฐฐ์—ด์— ์กด์žฌํ•˜์ง€ ์•Š๋Š” ๋ฐ์ดํ„ฐ์˜ ์ธ๋ฑ์Šค๋ฅผ ์ฐพ์œผ๋ฉด -1๋กœ ๋œฌ๋‹ค.

console.log(goodcoders.indexOf('green')) //-1

์•„๋ž˜์ฒ˜๋Ÿผ ๋ฐฐ์—ด์— ์ค‘๋ณต์œผ๋กœ ์กด์žฌํ•˜๋Š” ๋ฐ์ดํ„ฐ์˜ ์ธ๋ฑ์Šค๋ฅผ ์ฐพ์œผ๋ฉด ์ฒซ๋ฒˆ์งธ ๋ฐ์ดํ„ฐ์˜ ์ธ๋ฑ์Šค๋กœ ๋œฌ๋‹ค.

console.log(goodcoders.indexOf('noran')) //0

lastIndexOf : (์ค‘๋ณต๋˜๋Š” ๋ฐ์ดํ„ฐ์˜ ๊ฒฝ์šฐ) ๋งˆ์ง€๋ง‰ ๋ฐ์ดํ„ฐ์˜ ์ธ๋ฑ์Šค ์ฐพ๊ธฐ

๋ฐฐ์—ด์— ์ค‘๋ณต์œผ๋กœ ์กด์žฌํ•˜๋Š” ๋ฐ์ดํ„ฐ์˜ ์ธ๋ฑ์Šค๋ฅผ ์ฐพ์œผ๋ฉด ๋งˆ์ง€๋ง‰ ๋ฐ์ดํ„ฐ์˜ ์ธ๋ฑ์Šค๋กœ ๋œฌ๋‹ค.

console.log(goodcoders.lastIndexOf('noran')) //4

includes : ๋ฐ์ดํ„ฐ๊ฐ€ ๋ฐฐ์—ด์— ์กด์žฌํ•˜๋Š”์ง€ ์ฐพ๊ธฐ

console.log(goodcoders.includes('paran')) //true
console.log(goodcoders.includes('green')) //false

์ถœ์ฒ˜ : ๋“œ๋ฆผ์ฝ”๋”ฉ https://www.youtube.com/@dream-coding / MDN https://developer.mozilla.org/ko

์ €์ž‘์žํ‘œ์‹œ ๋น„์˜๋ฆฌ ๋™์ผ์กฐ๊ฑด (์ƒˆ์ฐฝ์—ด๋ฆผ)

'๐ŸŸจ JavaScript > ๊ฐœ๋…' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

[๋“œ๋ฆผ์ฝ”๋”ฉ] ์œ ์šฉํ•œ ๋ฐฐ์—ด(array) api (2) : filter, map, some, every  (0) 2022.06.09
[๋“œ๋ฆผ์ฝ”๋”ฉ] ์œ ์šฉํ•œ ๋ฐฐ์—ด(array) api (1) : join, split, reverse, slice, find  (0) 2022.06.07
[mdn, ๋“œ๋ฆผ์ฝ”๋”ฉ ์™ธ] ๋ฐฐ์—ด(array) (3) : ์›ํ•˜๋Š” ์ˆœ์„œ๋ถ€ํ„ฐ ์ถ”๊ฐ€/์‚ญ์ œ, ํ•ฉ์น˜๊ธฐ (splice,concat)  (0) 2022.06.02
[mdn, ๋“œ๋ฆผ์ฝ”๋”ฉ ์™ธ] ๋ฐฐ์—ด(array) (2) : ๋งจ๋’ค/๋งจ์•ž๋ถ€ํ„ฐ ์ถ”๊ฐ€,์‚ญ์ œ(push/pop,unshift/shift)  (0) 2022.06.02
[mdn, ๋“œ๋ฆผ์ฝ”๋”ฉ ์™ธ] ๋ฐฐ์—ด(array) : ๋ฐฐ์—ด์—์˜ ์ ‘๊ทผ๊ณผ looping  (0) 2022.05.31
    '๐ŸŸจ JavaScript/๊ฐœ๋…' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€
    • [๋“œ๋ฆผ์ฝ”๋”ฉ] ์œ ์šฉํ•œ ๋ฐฐ์—ด(array) api (2) : filter, map, some, every
    • [๋“œ๋ฆผ์ฝ”๋”ฉ] ์œ ์šฉํ•œ ๋ฐฐ์—ด(array) api (1) : join, split, reverse, slice, find
    • [mdn, ๋“œ๋ฆผ์ฝ”๋”ฉ ์™ธ] ๋ฐฐ์—ด(array) (3) : ์›ํ•˜๋Š” ์ˆœ์„œ๋ถ€ํ„ฐ ์ถ”๊ฐ€/์‚ญ์ œ, ํ•ฉ์น˜๊ธฐ (splice,concat)
    • [mdn, ๋“œ๋ฆผ์ฝ”๋”ฉ ์™ธ] ๋ฐฐ์—ด(array) (2) : ๋งจ๋’ค/๋งจ์•ž๋ถ€ํ„ฐ ์ถ”๊ฐ€,์‚ญ์ œ(push/pop,unshift/shift)
    Zoeeey
    Zoeeey
    ๊ธธ๊ฒŒ ์ƒ๊ฐํ•˜๊ณ  ์งง๊ฒŒ ๊ทธ๋ฆฌ๊ธฐ

    ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”