어제 오늘 내일

배열의 원소를 삭제하는 다양한 방법을 정리해 보았습니다. 1. 배열 전체 값 삭제 2. 배열 첫번째 값 삭제 3. 배열 뒤에서 삭제 4. 특정 index의 값 삭제 5. 특정 값 삭제 1. 배열 전체 값 삭제 빈 배열 할당하기 let arr = ['a', 'b', 'c']; // 배열 값 전체 삭제 arr = []; document.write(arr.length); arr = []; 배열 전체 값을 모두 삭제하고, 빈 배열로 만들기 위해 새로운 빈 배열을 만들어서, 배열 변수에 할당 하였습니다. 배열의 길이를 0으로 변경하기 let arr = ['a', 'b', 'c']; // 배열 값 전체 삭제 arr.length = 0; document.write(arr.length); arr.length = 0; ..

배열에서 특정 값 개수를 구하는 방법을 정리하였습니다. 1. for 반복문 2. filter 3. reduce for 반복문 const arr = ['a', 'b', 'c', 'a']; // 배열에서 'a' 개수 구하기 let count = 0; for(let i=0; i '..

Javascript 배열의 여러 원소들 중 최대값, 최소값을 구하는 방법을 정리합니다. 1. Math.max(), Math.min() 소개 2. Function.prototype.apply() 사용하기 3. Spread Operator(전개 연산자) 사용하기 1. Math.max(), Math.min() 소개 const maxValue = Math.max(1, 2, 3, 4, 5); const minValue = Math.min(1, 2, 3, 4, 5); document.write('Max : ' + maxValue); document.write(' '); document.write('Min : ' + minValue); Math.max()와 Math.min() 함수는 파라미터로 입력받은 숫자들 중 최..

Javascript(ES6)에서는 함수를 호출할 때 파라미터를 넘겨주지 않은 경우 기본값을 설정해 줄수 있습니다. 함수 파라미터(매개변수) 기본값 설정하기 예제1. ES6이전 function multiply(a, b){ if(b === undefined){ b = 1; } return a * b; } document.write(multiply(3, 2)); document.write(' '); document.write(multiply(3)); ES6 이전의 Javascript에서는 함수 매개변수의 기본값을 설정하기 위해서 함수의 안에서 조건문을 사용하여 매개변수의 값을 체크하고, 기본값을 설정해 주었습니다. 위 예제 코드의 multiply() 함수는 두번째 파라미터인 b가 입력되지 않으면 기본값을 '1..

Javascript에서 DOM의 특정 요소(element)를 찾는 방법을 정리합니다. 1. getElementById() 2. getElementsByClassName() 3. getElementByTagName() 4. querySelector() 5. querySelectorAll() 1. getElementById() Div1입니다. Div2입니다. function getDiv1() { const div1 = document.getElementById('div_1'); alert(div1.innerText); } document.getElementById(); 파라미터로 찾으려는 id를 전달하여, 해당 element를 찾을 수 있습니다. id는 유일한 값이므로, 하나의 element만 리턴합니다. ..