π™Ώπš›πš˜πšπš›πšŠπš–πš–πš’πš—πš π™»πšŠπš—πšπšžπšŠπšπšŽ/π™ΉπšŠπšŸπšŠπš‚πšŒπš›πš’πš™πš

문제for문을 λŒλ©΄μ„œ νŠΉμ • 값을 배열에 pushλ₯Ό ν•΄μ•Όν–ˆλŠ”λ°, 쀑볡이 λ°œμƒν•˜λ©΄ μ•ˆ λ˜λŠ” μƒν™©μ΄μ—ˆλ‹€. κ·Έλž˜μ„œ 두 κ°€μ§€ 방법을 μƒκ°ν•΄λƒˆλ‹€.1. λͺ¨λ“  값을 배열에 담은 ν›„ 쀑볡을 μ œκ±°ν•˜κΈ°2. 값을 담을 λ•Œ 쀑볡을 κ²€μ‚¬ν•˜κΈ°  includes() μ°Ύμ•„λ΄€λŠ”λ°, includes()λ₯Ό μ‚¬μš©ν•˜μ—¬ 미리 쀑볡을 검사할 수 μžˆλ‹€λŠ” 것을 μ•Œκ²Œ λ˜μ–΄ ν•΄λ‹Ή μ½”λ“œλ₯Ό μ‚¬μš©ν–ˆλ‹€.let numbers = []; [1, 2, 3, 1, 2, 4, 5].forEach(num => { if (!numbers.includes(num)) { numbers.push(num); } }); console.log(numbers); // [1, 2, 3, 4, 5] includes()λŠ” ν•΄λ‹Ή 값이 배열에 ν¬ν•¨λ˜μ–΄ μžˆλŠ”μ§€ true or f..
이쀑 λ“±ν˜ΈλŠ”(==)λŠ” 두 λŒ€μƒμ„ 비ꡐ할 λ•Œ μœ ν˜• λ³€ν™˜μ„ μˆ˜ν–‰ν•œ λ’€ 비ꡐλ₯Ό μˆ˜ν–‰ν•œλ‹€.   == (λŠμŠ¨ν•œ 비ꡐ / 동등 μ—°μ‚°μž)console.log(0 == "0"); // trueconsole.log(5 == '5'); // true console.log(null == undefined); // true ==λŠ” νƒ€μž… λ³€ν™˜μ„ μžλ™μœΌλ‘œ μˆ˜ν–‰ν•œλ‹€.κ·Έλž˜μ„œ 숫자 5와 문자 "5"λ₯Ό μžλ™μœΌλ‘œ νƒ€μž… λ³€ν™˜ν•˜μ—¬ 비ꡐλ₯Ό μˆ˜ν–‰ν•œλ‹€.이 경우, 값이 κ°™κΈ° λ•Œλ¬Έμ— trueλ₯Ό λ°˜ν™˜ν•œλ‹€. nullκ³Ό unddefinedλŠ” 빈 값을 λ‚˜νƒ€λ‚΄λ―€λ‘œ κ°™λ‹€κ³  ν‰κ°€λœλ‹€.    === (μ—„κ²©ν•œ 비ꡐ / 일치 μ—°μ‚°μž)console.log(0 == "0"); // falseconsole.log(5 == '5'); // falseconsole.log(nu..
const title = 'File Title';const value = 'value';const result = { title, value };console.log(result); // { title: 'File Title', value: 'value' } μ½”λ“œμ—μ„œ { title, value}λ₯Ό push ν–ˆλŠ”λ° λ³€μˆ˜λͺ…κΉŒμ§€ μžλ™μœΌλ‘œ 객체 ν‚€λ‘œ λ“€μ–΄κ°€λŠ” μ΄μœ κ°€ κΆκΈˆν–ˆλ‹€.μ΄λŠ” ES6의 '객체 λ¦¬ν„°λŸ΄ 단좕 ν‘œκΈ°λ²•(Object Property Shorthand)' λ•Œλ¬Έμ΄λ‹€.    κ°μ²΄ λ¦¬ν„°λŸ΄ 단좕 ν‘œκΈ°λ²•μ΄λž€?일반적으둜 객체λ₯Ό λ§Œλ“€ λ•Œ key: value ν˜•νƒœλ‘œ μž‘μ„±ν•˜λŠ”λ° ES6λΆ€ν„°λŠ” λ³€μˆ˜λͺ…을 ν‚€λ‘œ μžλ™ μ„€μ •ν•˜λŠ” 단좕 문법이 좔가됐닀. const title = "document_2024.pdf"; const v..
μ½œλ°±ν•¨μˆ˜λŠ” νŽΈν•˜κ²Œ μ‚¬μš©ν•˜κ³  μžˆλŠ”λ° 어렴풋이 μ•Œκ³  μ‚¬μš©ν•˜κ³  μžˆμ–΄μ„œ μ•Œμ•„λ³΄μ•˜λ‹€. μ½œλ°±(Callback)ν•¨μˆ˜λž€?λ‹€λ₯Έ ν•¨μˆ˜μ—κ²Œ λ„˜κ²¨μ£ΌλŠ” ν•¨μˆ˜μ΄λ‹€."μ–Œ~ 이 ν•¨μˆ˜ λ‚˜μ€‘μ— ν•„μš”ν•  λ•Œ μ•Œμ•„μ„œ μ‹€ν–‰ν•΄μ€˜~"라고 ν•˜λ©΄μ„œ ν•¨μˆ˜λ₯Ό λ‹€λ₯Έ ν•¨μˆ˜μ—κ²Œ λ„˜κ²¨μ£ΌλŠ” 것이닀. μ½œλ°± ν•¨μˆ˜λ₯Ό νŒŒλΌλ―Έν„°λ‘œ μ „λ‹¬ν•˜κ³ , κ·Έ ν•¨μˆ˜λ₯Ό λ‚΄λΆ€μ—μ„œ μ‹€ν–‰ν•˜λŠ” λ°©μ‹μœΌλ‘œ μ‚¬μš©ν•œλ‹€.   μ˜ˆμ‹œ - 이벀트 λ¦¬μŠ€λ„ˆbutton.addEventListener("click", () => { console.log("λ²„νŠΌ 클릭");}); λŒ€ν‘œμ μœΌλ‘œ 이벀트 λ¦¬μŠ€λ„ˆκ°€ μžˆλ‹€.'이거 ν΄λ¦­ν•˜λ©΄ μ‹€ν–‰ν•΄μ€˜~!' ν•˜κ³  addEventListenerμ—κ²Œ ν•¨μˆ˜λ₯Ό λ„˜κΈ°λŠ” 것이닀. (클릭이 되면, λΈŒλΌμš°μ €κ°€ μ•Œμ•„μ„œ 싀행을 ν•΄μ€€λ‹€)  μœ„ μ½”λ“œμ—μ„œ () => {...} κ°€ μ½œλ°±ν•¨μˆ˜μ΄λ‹€.   μ˜ˆμ‹œ ..
Array.prototype.every() ν•¨μˆ˜μ˜ 이름 every()λ₯Ό 보면 좔츑을 ν•  수 μžˆλ‹€.λ°°μ—΄μ˜ λͺ¨~λ“  μš”μ†Œκ°€ μ£Όμ–΄μ§„ 쑰건을 λ§Œμ‘±ν•˜λŠ”μ§€ κ²€μ‚¬ν•˜λŠ” 것이닀.- λͺ¨~두 λ§Œμ‘±ν•˜λ©΄ true λ°˜ν™˜- ν•˜λ‚˜λΌλ„ λ§Œμ‘±ν•˜μ§€ μ•ŠλŠ”λ‹€λ©΄ false λ°˜ν™˜ λ§Œμ‘±ν•˜μ§€ μ•ŠλŠ” μš”μ†Œλ₯Ό 찾으면 λ°”λ‘œ λ©ˆμΆ˜λ‹€ (뒀에 μžˆλŠ” μš”μ†Œλ“€μ„ 더 이상 κ²€μ‚¬ν•˜μ§€ μ•ŠλŠ”λ‹€.)  const arr = [true, true, false, true]; const result = arr.every(value => { // μ—¬κΈ°λΆ€ν„° 콜백 ν•¨μˆ˜ console.log(value); return value; }); // μ—¬κΈ°κΉŒμ§€ 콜백 ν•¨μˆ˜// true // true // false console.log(result); // false 4번째의 trueλ₯Ό ..
let data = [];let a = [1, 2, 3];let b = [4, 5, 6];  aλž‘ bλ₯Ό λ°°μ—΄ data에 ν•©μΉ˜λŠ” 방법 concat()κ³Ό μŠ€ν”„λ ˆλ“œ μ—°μ‚°μžλ₯Ό κ°€μž₯ 많이 μ“΄λ‹€. 1. concat()let data = []; let a = [1, 2, 3]; let b = [4, 5, 6]; data = a.concat(b); console.log(data); // [1, 2, 3, 4, 5, 6]  concat()은 원본 배열을 λ³€κ²½ν•˜μ§€ μ•Šκ³  μƒˆλ‘œμš΄ 배열을 λ°˜ν™˜ν•œλ‹€.  2. μŠ€ν”„λ ˆλ“œ μ—°μ‚°μž (...)let data = []; let a = [1, 2, 3]; let b = [4, 5, 6]; data = [...a, ...b]; console.log(data); // [1, 2, 3, 4, 5,..
ν•΄λ²„λ‹ˆ
'π™Ώπš›πš˜πšπš›πšŠπš–πš–πš’πš—πš π™»πšŠπš—πšπšžπšŠπšπšŽ/π™ΉπšŠπšŸπšŠπš‚πšŒπš›πš’πš™πš' μΉ΄ν…Œκ³ λ¦¬μ˜ κΈ€ λͺ©λ‘