📌 자바스크립트에서 undefined, null, boolean 그리고 window.confirm()
자바스크립트에서 undefined, null, boolean 자료형은 매우 중요한 개념입니다. 이들은 각각 값이 정의되지 않았거나, 의도적으로 값이 없음을 나타내거나, 참과 거짓을 나타내는 데이터로 사용됩니다. 또한, **window.confirm()**은 확인/취소 다이얼로그를 제공하는 메서드로, 사용자와 상호작용하는 데 유용합니다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="x-ua-compatible" contect="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>undefined 외외</title>
</head>
<body>
<script>
let name;
console.log(name)
name= "이상인"
console.log(name)
name= null
console.log(name)
// console.log(prompt("입력테스트"))
console.log(true)
console.log(false)
let answer = confirm("기분이 좋습니까?")
console.log(`현재 사용자는 기분이좋나요? ${answer}`)
</script>
</body>
</html>🚦 **undefined**와 null
undefined:
- undefined는 값이 정의되지 않았을 때 자바스크립트에서 자동으로 할당되는 값입니다. 예를 들어, 변수를 선언했지만 초기화를 하지 않으면 그 변수의 값은 undefined로 설정됩니다.
let a;
console.log(a); // 출력: undefined- 즉, 데이터가 정의되지 않았음을 나타냅니다.
2.null:
- null은 의도적으로 값이 없음을 나타내기 위해 사용됩니다. 예를 들어, 빈 객체나 빈 값을 표현하고자 할 때 사용됩니다.
let b = null;
console.log(b); // 출력: null- null은 의도적으로 "없다"는 값을 설정할 때 사용되는 표현입니다.
💻 boolean 자료형
- boolean 자료형은 **참(true)**과 거짓(false) 두 가지 값만을 가질 수 있는 자료형입니다.
- 주로 조건문(if, while 등)에서 사용되어 조건을 검사하고, 결과에 따라 다른 동작을 실행하게 됩니다.
예시:
j
let isTrue = true;
let isFalse = false;
console.log(isTrue); // 출력: true
console.log(isFalse); // 출력: false**boolean**은 논리적인 판단을 나타낼 때 사용되는 중요한 자료형입니다.
🧑💻 window.confirm()
window.confirm()는 사용자에게 확인을 요구하는 다이얼로그 박스를 띄우는 메서드입니다. 이 메서드는 확인 또는 취소 버튼을 제공하며, 사용자가 선택한 버튼에 따라 true 또는 false 값을 반환합니다.
사용 예시:
let result = window.confirm("정말 삭제하시겠습니까?");
console.log(result); // 사용자가 '확인'을 클릭하면 true, '취소'를 클릭하면 false- true: 사용자가 확인을 클릭했을 때 반환됩니다.
- false: 사용자가 취소를 클릭했을 때 반환됩니다.
이 방법은 사용자와 상호작용을 통해 확인 작업을 요구할 때 유용하게 사용됩니다.
✅ 마무리
- **undefined**와 **null**은 값이 없음을 나타내는 중요한 개념입니다. undefined는 값이 정의되지 않았을 때, null은 의도적으로 값이 없음을 나타낼 때 사용됩니다.
- **boolean**은 **참(true)과 거짓(false)**을 나타내는 자료형으로, 주로 조건문에서 사용됩니다.
- **window.confirm()**은 사용자가 확인 또는 취소를 선택할 수 있는 다이얼로그 박스를 띄우고, 그 결과에 따라 true 또는 **false**를 반환합니다.
이러한 개념들을 이해하고 활용하면, 자바스크립트에서 데이터 처리와 사용자 상호작용을 보다 효율적으로 할 수 있습니다!
'JavaScript' 카테고리의 다른 글
| Chapter 2-12. 비교연산(javascript) (0) | 2025.03.31 |
|---|---|
| Chapter 1-9. DOM 소개 (0) | 2025.03.31 |
| Chapter 1-7. 템플릿 리터럴 (0) | 2025.03.31 |
| Chapter 1-6. 문자열 prompt (0) | 2025.03.31 |
| Chapter 1-5. 변수와 상수 (0) | 2025.03.31 |