반응형 Language/HTML, JavaScript50 자바스크립트 삼항연산자 사용방법 정리 자바스크립트에서 삼항연산자는 조건 ? 맞을 경우 : 안맞을 경우 이렇게 사용해주면 된다 만약 삼항연산자로 NULL 처리를 하려고 한다면 아래 글을 참고해서 isEmpty 함수를 가져다가 쓰면 원하는 조건에 맞춰서 편하게 NULL 처리가 가능하다 자바스크립트 각종 NULL 처리방법 정리 일단 자바스크립트에서 NULL을 어떻게 보냐에 따라 해결방법이 두가지인데 "" 만을 NULL로 본다면 값 === "" 으로 비교해주면 된다 함수로 만들어 사용한다면 위 스크린샷과 같이 값 === "" 일 경우 tru wakestand.tistory.com 다음으로 여러개의 삼항연산자를 다중으로 중첩시킬 경우에는 괄호()를 사용해주면 되는데 조건 ? (조건2 ? 조건2_맞을_경우 : 조건2_안맞을_경우) : 안맞을 경우 이렇.. 2020. 6. 17. 자바스크립트 각종 NULL 처리방법 정리 일단 자바스크립트에서 NULL을 어떻게 보냐에 따라 해결방법이 두가지인데 "" 만을 NULL로 본다면 값 === "" 으로 비교해주면 된다 함수로 만들어 사용한다면 위 스크린샷과 같이 값 === "" 일 경우 true를 반환시키고 아닐 경우에는 false를 반환시키게 된다 코드는 다음과 같다 // ""만 NULL로 봤을 경우 function nullChk(data) { if(data === "") { // 함수로 사용 // 맞을 경우 return true; } else { // 안맞을 경우 return false; } } console.log(nullChk("")); // true console.log(nullChk("ABC")); // false 다음으로는 NULL의 범위를 넓게 잡아서 "", " ",.. 2020. 6. 17. 자바스크립트 크롬 개발자도구를 이용한 디버그 방법 정리 자바에서는 디버그 모드를 이용한 디버깅이 가능하지만 자바스크립트를 사용할 경우에는 그게 안되는데 코드를 작성하다가 에러가 발생할 경우 디버그가 없으면 에러 찾기가 매우 힘들다 하지만 다행히도 자바스크립트 코드 안에 debugger; 를 넣어주면 해당 위치에서부터 디버그가 가능한데 debugger를 넣고 실행 페이지로 이동한 후 F12를 눌러 개발자도구로 이동하고 F5를 눌러 새로고침을 누르면 자바스크립트가 다시 수행되게 되는데 처음에는 개발자도구를 열지 않았으므로 디버거에 걸리지 않고 F12를 눌러 개발자도구를 연 뒤에 다시 코드를 수행해 디버거에서 걸리는 식이 되겠다 크롬에서 개발자도구를 연 상황인데 디버거에 걸려서 코드 수행이 중단되었고 우측의 버튼을 이용해 디버깅을 진행할 수 있다 주로 사용하는 네.. 2020. 6. 16. 자바스크립트 select option 선택값 출력방법 자바스크립트에서 select 선택 후 검색 버튼을 눌렀을 때 선택한 select의 option 값을 확인하려고 하는데 한 줄에 쭉 쓰면 너무 길어지기 때문에 select id를 받아서 저장하는 변수 select에서 선택한 option을 저장하는 변수 두개로 나누어 사용한다 var 변수1 = document.getElementById("아이디명"); var 변수2 = document.getElementById("아이디명").options.selectedIndex; 다음으로 변수1.options[변수2].value 를 해주면 select에서 선택한 option의 값을 구할 수 있게 된다 예제에 사용한 코드는 아래와 같다 CJ대한통운 롯데택배 2020. 6. 15. 자바스크립트 includes를 이용한 배열 특정 값 포함여부 확인방법 자바스크립트에서 변수.includes(값) 으로 변수 내에 특정 값이 들어있는지 확인 가능한데 위 예제에서는 배열 변수 arr 안에 dog, cat, zebra가 들어있으니 있을 때는 true 없을 때는 false가 떨어지게 된다 오라클 같은 SQL의 in처럼 여러 값 중에 하나가 들었을 경우를 확인하는 경우에는 arr.some(i => ["값", "값"].includes(i)) 를 사용해주면 배열에 지정한 값중에 하나라도 들었을 경우 true 하나도 없을 경우 false가 떨어지게 된다 2020. 6. 13. 자바스크립트 class 변경방법 자바스크립트에서 특정 요소의 클래스(class)를 변경하려고 할 때에는 변경하려는 요소의 id 혹은 name을 찾고 아래와 같이 사용해주면 된다 document.getElementById(값).className = "클래스명"; document.getElementsByName(값).className = "클래스명"; 2020. 6. 8. 이전 1 ··· 4 5 6 7 8 9 다음 반응형
