728x90 반응형 Coding With Jina/JavaScript58 [자바스크립트] 배열에서 최대값/최소값 구하기 - Math.min/Math.max ▶ 최소값구하기 Math.min(value1, value2, ...) - 매개변수 중 낮은 점수를 반환 - 매개변수는 숫자형만 가능함 // 예시 1 console.log(Math.min(2,4,7,6,1,5)); //결과 => 1 // 예시 2 let x = 10, y = -20; console.log(Math.min(x, y)); //결과 => -20 ▶ 최대값구하기 Math.max(value1, value2, ...) - 매개변수 중 높은 점수를 반환 - 매개변수는 숫자형만 가능함 // 예시 1 console.log(Math.max(2,4,7,6,1,5)); //결과 => 7 // 예시 2 let x = 10, y = -20; console.log(Math.max(x, y)); //결과 => 10 ▶.. 2021. 8. 26. [자바스크립트] 소수점 올림/버림/반올림-ceil( )/floor( )/round( ) ▶ 소수점 올림 Math.ceil( ) Math.ceil(변환하고자 하는 소수값); //예시 console.log(Math.ceil(15.45)); //결과 => 16 ▶ 소수점 버림 Math.floor( ) Math.floor(변환하고자 하는 소수값); //예시 console.log(Math.floor(15.45)); //결과 => 15 ▶ 소수점 반올림 Math.round( ) Math.round(변환하고자 하는 소수값); //예시1 console.log(Math.round(15.45)); //결과 => 15 //예시2 console.log(Math.round(15.7)); //결과 => 16 2021. 8. 26. [자바스크립트] 코드 줄여쓰기(shorthand) 1. if else문 - if문을 이용하여 조건에 따라 변수에 값을 넣을 때는 3항연산자로 줄여쓸 수 있음 longhand var big; if (x > 10) { big = true; } else { big = false; } shorthand var big = (x > 10) ? true : false; 2. 변수에 파라미터로 넘어온 값 할당 시 null, undefined 값 체크하여 기본값 설정 longhand if (variable1 !== null || variable1 !== undefined || variable1 !== '') { var variable2 = variable1; } shorthand var variable2 = variable1 || 'default value'; 3. 배.. 2021. 2. 3. [자바스크립트/ES6] ES6 함수 화살표 표기법 ES6 버전부터는 => 표기법(화살표 표기법)을 사용해 함수 선언을 좀더 간단하게 작성할 수 있다. - 이름이 없는 함수를 변수에 지정할때 많이 사용 - function 예약어는 사용하지 않음 - 매개변수를 지정하지 않을때는 ( )만 작성 - 매개변수가 하나라면 괄호 없이 매개변수만 작성 - 매개변수가 두개 이상일 경우는 기존 매개변수 표기법과 같음 기존 함수 표기법 화살표 표기법 var hi = function( ){ return "안녕하세요?"; } hi( ); let hi = ( ) => "안녕하세요?"; hi( ); var greet = function(name){ return name + "님, 안녕하세요?"; } greet("진아"); let greet = name => `${name}님, 안.. 2021. 2. 3. [자바스크립트] innerText와 innerHTML 차이점 자바스크립트에서 뭔가 값을 집어넣을때 제일 많이 사용해서 값을 넣을때 쓰는 속성이라 생각했는데 값을 불러오는 속성이었다😱 element.innerText; 이 속성은 element 안의 text 값들만을 가져옴 element.innerHTML; innerText와는 달리 innerHTML은 element 안의 HTML이나 XML을 가져옴 element.innerText = "A"; element.innerText에 html을 포함한 문자열을 입력하면, html코드가 문자열 그대로 element안에 포함 → A 이대로 출력 element.innerHTML = "A"; 위와 같이 element.innerHTML 속성에 html코드를 입력하면, html element가 element안에 포함 위 예제에서 'i.. 2021. 2. 2. [자바스크립트] Event.path / Event.composedPath Event.path - 이벤트가 발생된 노드에서 최상위 노드(Window) 까지의 상하관계를 배열로 표현해 놓은 것 예를 들면 아래와같은 구조 div 에서 이벤트를 발생시켜 path 출력시 ['div', 'body', 'html',.... ] 형태로 출력됨 ... const span1 = event.path[1].childNodes[0].innerHTML; - 이벤트 발생한 곳의 부모 노드(0 번이 자기자신.. 갈수록 부모노드)가 가진 첫번째 요소의 내용을 가져 온다는 내용 Event.composedPath - path 와 composedPath 동일한 내용 - composedPath를 권장 - 브라우저 마다 호환성이 다르기 때문에 호환되지 않는 브라우저에서 사용할 때는 폴리필을 참고 developer... 2021. 1. 29. 이전 1 2 3 4 5 6 ··· 10 다음 728x90 반응형
