반응형 Language/HTML, JavaScript50 자바스크립트 NaN 개념 및 체크, 해결방법 정리 자바스크립트에서 NaN은 Not-a-Number를 뜻하는데 나온 값이 숫자가 아니라는 얘기다 숫자를 계산할 경우 중간에 문자나 숫자 아닌 값이 들어가서 결과가 꼬였을 경우에 주로 발생하게 된다 따라서 NaN을 방지하기 위해서는 출력 전에 값이 NaN인지 확인을 해야 하는데 특정 값이 NaN인지 체크하는 방법은 isNaN(값); 을 해주면 NaN일 경우 true 아닐 경우 false가 떨어지게 된다 먼저 NaN이라고는 하지만 "1234" 처럼 전체가 숫자일 경우에는 숫자로 변환한 뒤 진행이 가능한데 parseInt(값) parseFloat(값) 이렇게 사용해주면 문자를 숫자로 변환할 수 있다 2020. 6. 3. 자바스크립트 switch 범위 사용방법 예제 자바스크립트에서 switch를 범위로 사용할 경우에는 switch(조건) 을 true로 설정해 준 뒤에 그 안의 case에서 범위를 걸어주면 된다 위 예제에서는 10씩 증가시키면서 10, 20, 30 이하일 때 console.log가 출력되게 했는데 실제 출력 시에는 아래와 같다 마지막으로 switch case를 범위로 사용 시 예제코드는 아래와 같다 2020. 2. 17. 자바스크립트 switch 예제부터 사용방법까지 자바스크립트에서 switch는 if문에서 조건이 많을 경우 주로 사용하게 되는데 else if를 도배하기 시작하면 코드가 매우 늘어지기 때문이다 switch(조건) { case 값: 값에 맞을 시 조건 break; case ~: default: 맞는 조건이 없을 시 break; } switch는 위와 같이 만든 후 사용하는데 여기서 default는 필요에 따라 빼도 된다 다만 case 하단에 break;를 꼭 넣어줘야 하는데 break;를 넣지 않을 경우에는 해당 case 아래의 코드를 수행하고 난 뒤에 break를 만날 때까지 아래 case를 계속 수행하게 되버린다 이걸 fall through 라고 하는데 switch를 범위로 지정할 때는 break;를 넣지 않기도 한다 switch를 범위로 사용해 보.. 2020. 2. 17. 자바스크립트 =, ==, === 차이 알아보기 자바스크립트에서 =, ==, ===가 있는데 = 는 변수에 값을 '할당'할때 쓰이고 == '값'이 동일한지 비교하고 ===는 '값'과 '데이터타입'이 모두 같은지 비교하는데 쓰인다 예제에 사용한 코드는 아래와 같다 2020. 2. 12. 자바스크립트 변수의 타입 확인방법 자바스크립트에서 typeof 값으로 값, 혹은 변수의 데이터 타입을 확인 가능한데 위에서 테스트로 사용한 sVal, nVal, oVal은 각각 문자열, 숫자, 객체를 담아 놓았는데 console.log로 이 값들을 찍어보면 순서대로 string, number, object가 찍히는 것이 보인다 2020. 2. 4. 자바스크립트 String, Int간 변환 방법 자바스크립트에서 String을 Int로 바꿀 시에는 parseInt(값) Int를 String으로 바꿀 시에는 값.toString()을 해주면 되는데 위 예제를 보면 형변환을 하지 않은 상태에서 숫자와 문자를 합치면 문자로 합쳐져 나오게 되는데 정상적으로 계산을 하려면 문자 형태의 값을 숫자로 변환을 해 줘야 한다 실제 출력 시 형변환을 하지 않은 경우에는 숫자 + 문자는 문자로 나오게 된다 마지막으로 예제에 사용한 코드는 아래와 같다 2020. 2. 3. 이전 1 ··· 5 6 7 8 9 다음 반응형
