- 전체
- HTML
- Web Design (웹디자인)
- XE 응용 개발
- wordpress plugin dev
- Javascript & JavaScript Application
- MEAN Stack : full stack javascript
- angular js & ionic framework
- bootstrap
- WebGL, Three.js and Babylon.js
- restful api design
- mobile web
- node.js 응용
- Cloud Service 응용
- 웹 어셈블리 개발 [WASM, WebAssembly]
- 마이크로서비스, MSA (microservice architecture)
- WebGL / WebGPU
- next.js 개발
- micro frontend (마이크로프론트앤드)
HTML [HTML, Javascript] JavaScript에 변수가 있는지 확인
2022.11.15 14:39
[HTML, Javascript] JavaScript에 변수가 있는지 확인
이 기사에서는 변수가 정의 / 초기화되었는지 확인하는 여러 방법을 소개합니다. 아래의 모든 메서드에는 컴퓨터에서 실행할 수있는 코드 예제가 있습니다.
typeof연산자를 사용하여 JavaScript에 변수가 있는지 확인합니다
typeof 연산자는 변수가 정의/null인지 확인하지만 선언되지 않은 변수와 함께 사용하면ReferenceError를 발생시키지 않습니다.
예:
<!DOCTYPE html>
<html>
<head>
<title>
How to check if variable exists in JavaScript?
</title>
</head>
<body style = "text-align:center;">
<h2 >
How to check if variable exists in JavaScript?
</h2>
<p>
variable-name : Vatiable1
</p>
<button onclick="checkVariable()">
Check Variable
</button>
<h4 id = "result" style="color:blue;"></h4>
<!-- Script to check existence of variable -->
<script>
const checkVariable = () => {
let Vatiable1;
let result = document.getElementById("result");
if (typeof Vatiable1 === 'undefined') {
result.innerHTML = "Variable is Undefined";
}
else {
result.innerHTML = "Variable is defined and"
+ " value is " + Vatiable1;
}
}
</script>
</body>
예:
위와 동일한 html을 사용합니다.
<script>
const checkVariable = () => {
let Vatiable1 = "variable 1";
let result = document.getElementById("result");
if (typeof Vatiable1 === 'undefined') {
result.innerHTML = "Variable is Undefined";
}
else {
result.innerHTML = "Variable is defined and"
+ " value is " + Vatiable1 ;
}
}
</script>
예:
위의 동일한 html을 사용하여 변수가 null인지 확인합니다.
<script>
const checkVariable = () => {
let Vatiable1 = null;
let result = document.getElementById("result");
if (typeof Vatiable1 === 'undefined' ) {
result.innerHTML = "Variable is Undefined";
}
else if (Vatiable1 === null){
result.innerHTML = "Variable is null and not declared";
}
else {
result.innerHTML = "Variable is defined and"
+ " value is " + Vatiable1 ;
}
}
</script>
if (varibale)문을 사용하여 JavaScript에 변수가 있는지 확인합니다
또한if 문을 사용하여 변수가undefined,null, '',0,Nan, 및 false. 그러나typeof 연산자는undefined 또는null 만 확인합니다.
예:
위의 동일한 html을 사용합니다.
<script>
const checkVariable = () => {
//let Vatiable1;
let Vatiable1 = null;
// let Vatiable1 = '';
let result = document.getElementById("result");
if(Vatiable1){
result.innerHTML = "Variable is defined and"
+ " value is " + Vatiable1 ;
}
else{
result.innerHTML = "Variable is Undefined"
}
}
</script>
[출처] https://www.delftstack.com/ko/howto/javascript/javascript-check-if-variable-exists/
본 웹사이트는 광고를 포함하고 있습니다.
광고 클릭에서 발생하는 수익금은 모두 웹사이트 서버의 유지 및 관리, 그리고 기술 콘텐츠 향상을 위해 쓰여집니다.
광고 클릭에서 발생하는 수익금은 모두 웹사이트 서버의 유지 및 관리, 그리고 기술 콘텐츠 향상을 위해 쓰여집니다.
