D+19
- κ³ μ°¨ν¨μ -
(μΌκΈκ°μ²΄μ νΉμ§, κ³ μ°¨ν¨μ, κ³ μ°¨ν¨μμ μ’ λ₯)
μΌκΈκ°μ²΄
μλ°μ€ν¬λ¦½νΈμμ νΉλ³ν λμ°λ₯Ό λ°λ λ μμΌλ‘
μΌκΈκ°μ²΄μμ μꡬνλ 3κ°μ§ 쑰건μ μΆ©μ‘±νμμμ μΌκΈκ°μ²΄λΌκ³ λ§ν μ μλ€.
1 ) λ³μμ ν λΉν μ μλ€.
const sum = function (num) {
return num + num;
};
output = sum(5);
console.log(output); // 10
μ°λ¦¬λ ν¨μννμμΌλ‘ ν¨μλ₯Ό μ μΈνμλ λ³μμ ν¨μλ₯Ό μ μ₯ν μ μλ€λ κ²μ μ΄λμ λ μκ³ μλ€.
μ΄μ²λΌ ν¨μλ λ³μμ ν λΉνλ κ²μ λ€λ₯Έν¨μμ μΈμλ‘ μ λ¬λκ±°λ μ½λμ μμΉκ° μ΄λ μ λ μμΈ‘μ΄ κ°λ₯νλ€.
2 ) λ€λ₯Έν¨μμ μΈμλ‘ μ λ¬λ μ μλ€.
function showText(e) {
//show text
}
$('from').on('click', showText);
λ°λ³΅μ μΈ λΆλΆμ κ°μ νκ³ μΆμλ μ£Όλ‘ μ¬μ©νλ©°
ν΄λΉμμμ μνΈμμ©μμ ν¨μλ₯Ό μ λ¬λ°μ ν¨μκ° μ€νλ μ μμ΄ νΈλ¦¬νλ€.
3 ) λ€λ₯Έ ν¨μμ κ²°κ³Όλ‘μ 리ν΄λ μ μλ€.
νΉμ ν κ°μ΄ 리ν΄λλ κ²μ΄ μλ ν¨μκ° λ¦¬ν΄μ΄ λ μ μλ€.
κ³ μ°¨ν¨μ
βν¨μλ₯Ό μΈμλ‘ λ°κ±°λ ν¨μλ₯Ό 리ν΄νλ ν¨μ
μ½λ°±ν¨μ (callback function)
βλ€λ₯Έν¨μμ μΈμλ‘ μ λ¬λλ ν¨μ
function double(num) { // ν¨μ doubleμ ν¨μ doubleNumμ μ½λ°±ν¨μμ΄λ€.
return num * 2;
}
// ν¨μ doubleNumμ λ€λ₯Έ ν¨μλ₯Ό μΈμλ‘ λ°λ κ³ μ°¨ν¨μμ΄λ€.
function doubleNum(func, num) { // funcλ doubleNumμ μ½λ°±ν¨μμ΄λ€.
let doubledArr = [];
return func(num); // 8
}
κ³ μ°¨ν¨μμ μ’ λ₯
Array.prototype.forEach( )
μ£Όμ΄μ§ ν¨μλ₯Ό λ°°μ΄ μμ κ°κ°μ λν΄ μ€ννλ€.
let arr = ['a', 1, 'c'];
let result = [];
arr.forEach(function (el) {
if(typeof el === 'number') { // λ§μ½ arrμ μμμ νμ
μ΄ λλ²λΌλ©΄
return result.push(el); //resultλΌλ λ°°μ΄μ νΈμν΄μ€
}
return result; // [1]
});
Array.prototype.filter( )
μ£Όμ΄μ§ ν¨μμ ν μ€νΈλ₯Ό ν΅κ³Όνλ λͺ¨λ μμλ₯Ό λͺ¨μ μλ‘μ΄ λ°°μ΄λ‘ λ°ννλ€.
let words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present'];
words.filter(function(el) { // μμμ κΈΈμ΄κ° 6μ΄κ³ΌμΈκ²μ trueμΈ κ²λ€λ§ λμλΌ
return el.length > 6; // ["exuberant", "destruction", "present"]
});
Array.prototype.map( )
λ°°μ΄ λ΄μ λͺ¨λ μμ κ°κ°μ μ£Όμ΄μ§ ν¨μλ₯Ό νΈμΆν κ²°κ³Όλ₯Ό λͺ¨μ μλ‘μ΄ λ°°μ΄μ λ°ννλ€.
let arr = [1, 2, 3, 4, 5];
arr.map(function(el) {
return el * 2; // λ°°μ΄μ μλ κ° μμμ 2μ© κ³±ν΄μ€ [2, 4, 6, 8, 10]
});
Array.prototype.reduce( )
ν¨μμ 쑰건μ μ μ©μμΌ λ°°μ΄λ€μ μμλ€μ νλλ‘ λ§λ€μ΄ λ²λ¦°λ€.
let arr = [1, 2, 3, 4, 5];
arr.reduce(function(pre, val) { // function(λμ κ°, μ
λ ₯μν¬κ°)
return pre + val; // λ°°μ΄μ λͺ¨λ κ°λ€μ λ€ λν΄μ λ¦¬ν΄ μμΌμ€ --> 15
}, 0);
'μλ > Code-States' μΉ΄ν κ³ λ¦¬μ λ€λ₯Έ κΈ
[D+21] μ μ§Έ μ£Ό νκΈ° (0) | 2020.09.27 |
---|---|
[D+20] κ³ μ°¨ν¨μ μ΄ν΄νκΈ° (with. νμ΄) (0) | 2020.09.26 |
[D+18] μ¬μ°¨μ μ°¨ μΌλ¨ μ±κ³΅... (0) | 2020.09.24 |
[D+17] JSONμ λν΄μ (feat. πΏ) (0) | 2020.09.23 |
[D+16] DOM (0) | 2020.09.22 |
λκΈ