κ° κ°μ΄ λ³μλ‘ μ‘νμμ§λ§ κ°μ²΄μ κ²½μ°μλ κ° μΈλ±μ€κ° λ¬΄μ¨ κ°μ κ°μ§κ³ μλμ§ μκ³ μμ΄μΌ νλ€.
μκ³ μλλΌλ μμλ₯Ό μΈλ±μ€λ‘ νΈμΆνκΈ°μ κ°λ
μ±μ΄ λ§€μ° λ¨μ΄μ§λ€.
let arr = [];
μΌλ arr === []
λ false
μ΄λ€.arr.length === 0
μΌλ‘ νμΈνμ.νλ‘νΌν° ν€ κ°μ λ¬Έμμ΄λ‘ μ λ κ²μΌλ‘ νλ‘νΌν° μ‘΄μ¬μ¬λΆλ₯Ό λΆλ¦¬μΈ νμ μΌλ‘ λ°ννλ€.
const obj = {
name: 'sunghoon',
job: 'dev',
}
'name' in obj; // true
'age' in obj; // false
indexOf
λ©μλλ λ°°μ΄ λ΄ μΈμλ₯Ό μ°Ύλ λ©μλμ΄λ€.
λ¬Έλ²μ λ€μκ³Ό κ°λ€.
arr.indexOf(element, startIndex)
arr
λ°°μ΄μ element
κ° μμλ‘ μλμ§ μ°Ύκ³ μ΅μ΄λ‘ μ°Ύμ μμμ μμΉλ₯Ό λ°ννλ€.
μ¦, κ°μ μμκ° μ¬λ¬κ° μλ€λ©΄ κ°μ₯ λ¨Όμ μ°Ύμ μμμ μμΉλ₯Ό λ°ννκ³ λ©μλλ μλμ λ©μΆλ€.
startIndex
μΈμλ μλ΅ν΄λ λμ§λ§ μ¬μ©νλ€λ©΄ ν΄λΉ μμΉλΆν° νμμ μμνλ€.
λ§μ½ λ°°μ΄ λ΄ element
μμκ° μλ€λ©΄ -1
μ λ°ννλ©° μ΄λ₯Ό μμ©ν΄ ν¨μ λ΄ μμ μ‘΄μ¬ μ¬λΆλ₯Ό λΆλ¦¬μΈ νμ
μΌλ‘ λ°ν μν¬ μ μλ€.
const arr = [1, 2, 3, 4, 5,];
arr.indexOf(4) // 3; μμκ° μ‘΄μ¬νλ€λ©΄ ν΄λΉ μΈλ±μ€λ₯Ό λ°ν.
arr.indexOf(6) // -1; μ‘΄μ¬ νμ§μλλ€λ©΄ -1μ λ°ν.
arr.indexOf(3) !== -1 // true; μ΄μ κ°μ΄ λ΄λΆμ μμ μ‘΄μ¬μ¬λΆλ₯Ό λΆλ¦¬μΈ νμ
μΌλ‘ λ°ν κ°λ₯.
arr.indexOf(2, 2) // -1; startIndex λ‘ νμ μμμμΉλ₯Ό μ‘°μ ν μ μλ€.
arr.indexOf()
μ λΉμ·ν λ©μλλ‘ arr.lastIndexOf()
κ° μλλ° λ©μλ μ΄λ¦μμ μ μΆν μ μλ―, λ°°μ΄μ λ€μμ λΆν° μλ°©ν₯μΌλ‘ νμμ μμνκ³ μμλ₯Ό μ°ΎμΌλ©΄ ν΄λΉ μμΉμ μΈλ±μ€λ₯Ό λ°ννλ€.
includes
λ©μλλ λ°°μ΄ λ΄ μΈμμ μ‘΄μ¬ μ¬λΆλ₯Ό λΆλ¦¬μΈ νμ
μΌλ‘ λ°ννλ λ©μλμ΄λ€.
λμΉμ± μ¬λμ΄ μλ―, arr.indexOf(element) !== -1
κ³Ό κ΅μ₯ν μ μ¬ν μλμ νκ² λλλ° λͺκ°μ§ μ°¨μ΄κ° μλ€.
indexOf
λ©μλλ μΌμΉ μ°μ°μ(===)λ₯Ό κΈ°μ€μΌλ‘ μμλ₯Ό μ°Ύμλ΄κΈ°μ NaN
μ 골λΌλΌ μ μλ λ°λ©΄, includes
λ μ°ΎμλΌ μ μλ€.μ΄μ κ°μ μ₯λ¨μ΄ μμΌλ μ μν΄μ μ¬μ©ν΄μΌνλ€.
find
λ©μλλ μ£Όμ΄μ§ ν¨μμμ true
κ°μ λ°ννλ 첫 λ²μ¬ μμλ₯Ό λ°ννλ λ©μλμ΄λ€.
λ§μ½ μ°Ύλ μμκ° μλ€λ©΄ undefined
λ₯Ό λ°ννλ€.
find
λ©μλ κ°μ κ²½μ°λ κ°μ²΄λ₯Ό μμλ‘ κ°μ§ λ°°μ΄μμ μ°κΈ°κ° μ’λ€.
const arr = [
{name: 'sunghoon', job: 'dev',},
{name: 'sungsu', job: 'dev',},
]
let findDev = arr.find(item => item.job === 'dev') // item μ 맀κ°λ³μ μ리λ€.
// νλ‘νΌν° ν€κ° jobμΈ κ²μ νλ‘νΌν° κ°μ΄ 'dev'μΌλ ( true λ₯Ό λ°νν λ ) κ·Έ κ°μ²΄λ₯Ό λ°ννλ€.
console.log(findDev) // {name: 'sunghoon', job: 'dev',}; μ²μ μ°Ύμ κ°μ²΄κ° λ°νλμλ€.
let findDev = arr.find(function(item) { return item.job === 'dev' })
// μ΄ μ½λμ μμ ν νμ΄ν ν¨μλ₯Ό μ¬μ©ν μ½λλ μμ λμΌνλ©° μ΄ν΄λ₯Ό λκΈ° μν΄ μμ±νλ€.
findIndex()
λ κ°μ μν μ νμ§λ§ μμ μ체λ₯Ό λ°ννλ κ²μ΄ μλ μ°Ύμ μμμ index
λ₯Ό λ°ννκ³ μμλ₯Ό μ°Ύμ§ λͺ»νλ©΄ -1
μ λ°ννλ€.
filter
λ©μλλ find
λ©μλμ μ μ¬νμ§λ§ filter
λ©μλ κ°μ κ²½μ°λ ν΄λΉνλ μμ μ 체λ₯Ό λ΄λ λ°°μ΄μ λ°ννλ€.
const arr = [
{name: 'sunghoon', job: 'dev',},
{name: 'sungsu', job: 'dev',},
]
let findDev = arr.filter(item => item.job === 'dev')
console.log(findDev)
// [ {name: 'sunghoon', job: 'dev',}, {name: 'sungsu', job: 'dev',} ]
map
λ©μλλ λ°°μ΄μ μμ μ 체λ₯Ό νΈμΆνκ³ ν¨μ νΈμΆ κ°μ λ°°μ΄λ‘ λ°νν΄μ£Όλ λ©μλμ΄λ©° μ¬μ©νκΈ°μ λ°λΌ ν¬ν
μ
μ΄ λ§€μ° ν° λ©μλ μ€ νλμ΄λ€.
const arr = [1, 2, 3];
let double = arr.map(item => item * 2);
console.log(double); // [2, 4, 6]
sort
λ©μλλ λ¬Έμμ΄μ μ¬μ λ ¬ μν€λ λ©μλμ΄λ©°, μ¬μ λ ¬ μν¬λ λ°°μ΄ μ체λ₯Ό λ³νμν¨λ€.
μ¬μ λ ¬μ κΈ°λ³Έ κΈ°μ€μ μλ°μ€ν¬λ¦½νΈμ κΈ°λ³Έκ°μΈ μ¬μ νΈμ§ μμΌλ‘ μ λ ¬μν€λ©°, μ λ ¬μν€λ ν¨μλ₯Ό μΈμλ‘ λ£μ μ μλ€.
const arr = [ 25, 1732, 21672, 3,];
arr.sort() // [1732, 21672, 25, 3]; λ©μλλ₯Ό μ¬μ©ν λ μ¬μ λ ¬λ κ°μ λ°ννλ€.
console.log(arr) // [1732, 21672, 25, 3]; μ¬μ νΈμ§ μμΌλ‘ μ λ ¬λμλ€.
2 > 1999
μ κ²½μ°, 2κ° 1999μ κ°μ₯ 첫 κΈμμΈ 1λ³΄λ€ ν¬λ―λ‘ 2κ° λ ν¬λ€.reverse
λ©μλλ μμλ₯Ό μμμΌλ‘ μ λ ¬ μμΌμ£Όλ λ©μλμ΄λ€.
μλ°°μ΄ μ체λ₯Ό λ³νμν€λ©° λ©μλλ₯Ό μ¬μ©ν λ μμμΌλ‘ μ λ ¬λ λ°°μ΄μ λ°ννλ€.
const arr = [1, 2, 3, 4,];
arr.reverse() // [4, 3, 2, 1]; λ©μλλ₯Ό νκ°ν λ λ°°μ΄μ μμμ λ°ννλ€.
console.log(arr) // [4, 3, 2, 1]
split
λ©μλλ λ¬Έμμ΄μ ꡬλΆμ(delimiter)λ₯Ό κΈ°μ€μΌλ‘ μ μμΌλ‘ λλκ³ λλ μμλ€λ‘ μ΄λ£¨μ΄μ§ λ°°μ΄μ λ§λλ λ©μλμ΄λ©° λ¬Έλ²μ λ€μκ³Ό κ°λ€.
str.split(delimiter, length)
ꡬλΆμκ° λ¬Έμμ΄ μμ μμΌλ©΄ λ¬Έμμ΄ μ 체λ₯Ό νλμ μμλ‘ κ°μ§ λ°°μ΄μ΄ λ°νλλ©°, ꡬλΆμκ° λΉ λ¬Έμμ΄μ΄λΌλ©΄ λ¬Έμμ΄μ λ¬Έμ νλ νλλ₯Ό μμλ‘ κ°μ§ λ°°μ΄μ΄ λ°νλλ€.
μΈμ μ€ length
λ μλ΅ν΄λ λλ κΈ°μ
νλ©΄ μμ μλ₯Ό μ ν ν μ μλ€.
const str = 'Sunghoon wanna be a developer'
str.split(' '); // 곡백 νκΈμ
// ['Sunghoon', 'wanna', 'be', 'a', 'developer']
str.split('1');
// ['Sunghoon wanna be a developer']
str.split(''); // λΉ λ¬Έμμ΄
// ["S", "u", "n", "g", "h", "o", "o", "n", " ", "w", "a", "n", "n", "a", " ", "b", "e", " ", "a", " ", "d", "e", "v", "e", "l", "o", "p", "e", "r"]
join
λ©μλλ split
κ³Ό λ°λλλ κ°λ
μ λ©μλλ‘ λ°°μ΄μ μμλ₯Ό μΈμμ μ μμ κ»΄μ μ λΆ ν©μΉ ν ν λ¬Έμμ΄λ‘ λ°ννλ λ©μλμ΄λ€.
const arr = ['Sunghoon', 'wanna', 'be', 'a', 'developer'];
arr.join('-') // 'Sunghoon-wanna-be-a-developer'
Array.isArray()
λ©μλλ typeof
μ°μ°μκ° λ°°μ΄κ³Ό κ°μ²΄λ₯Ό ꡬλΆμ λͺ»νκΈ°μ λ°°μ΄μ ꡬλΆν λ μ¬μ©νλ λ©μλμ΄λ©° λΆλ¦¬μΈνμ
μΌλ‘ λ°ννλ€.
typeof {1:2} // object;
typeof [1,2] // object; λ°°μ΄μΈλ° κ°μ²΄λ‘ λ°ννλ€.
Array.isArray({1:2}) // false;
Array.isArray([1,2]) // true;
λ°°μ΄ κ³΅λΆμ μκ°μ μ λ² ν¬μνλ€.
ν¬μν λκ°λ‘ μ λ² λ§μ΄ μΉν΄μ§ λ― νλ€.
λ°°μ΄ κ³΅λΆνλ€κ³ κ°μ²΄ 곡λΆλ₯Ό λνλ€.
μ€λ λ¦μ μμ μ°μ±
λ λͺ» κ°κ³ μμΉ¨ 곡λΆλ₯Ό λͺ»νλ€.
μ€λ μΌμ΄λλ λ€νν μμ·¨λ κΉλνκ² λ λΌκ°λ€.
λμ λ¦μ μ μκΈ΄ νμ§λ§
λ°°μ΄ λ©μλ 곡λΆμ μ΄λ μκ°μ΄ λλλ° μΈμ κ°μ²΄λ₯Ό 곡λΆν κ²μ΄λ©° μ¬κ·ν¨μ 곡λΆλ₯Ό ν κ±΄μ§ κ±±μ μ΄λ€.
μ€λ μ½νλ¦Ώ νμ΄λΆμ΄ λ°λμλλ° μμ λλμ΄ μ’μ λΆμ΄λΌ μ’μλ€.
ν보λμΉ μμ΄μ μμλ‘ κ°μ§λ λ°°μ΄ λ§λλ μ½νλ¦Ώμ΄ μμλλ°,
λλ 무μνκ² λ³μ μ μΈ μ리 κ°κΈ°κ³ μ½λ ν 20μ€μ μ¨μ λ§λ€μ΄λλλ°,
νμ΄λΆ λ°©μμΌλ‘λ 10μ€μ§λ¦¬λ μλλκ±° λ³΄κ³ μ‘°κΈ ννκ° μλ€.
μ»΄ν¨ν°μ μ¬κ³ .. μ»΄ν¨ν°μ μ¬κ³ .. λ΄κ° μ»΄ν¨ν°κ° λλ€.. λ΄ λκ° cpuλ€..
λͺ¨λ μλ°μ€ν¬λ¦½νΈ - https://ko.javascript.info/
MDN - https://developer.mozilla.org/