이 글에서는 “in” 연산자와 이를 JavaScript에서 사용하는 방법을 살펴보겠습니다. in 연산자는 객체에 특정 속성이 존재하는지 확인하는 데 사용되는 JavaScript의 내장 연산자입니다. 속성이 존재하면 true를 반환하고 그렇지 않으면 false를 반환합니다.
prop in object
이 함수는 아래 언급된 매개변수를 허용합니다. -
prop - 이 매개변수는 속성 이름이나 배열 인덱스를 나타내는 문자열이나 기호를 보유합니다.
object - 객체에 prop이 포함되어 있는지 확인합니다.
Return Value - 이 메소드는 지정된 속성이 객체에 있으면 true 또는 false를 반환합니다.
다음 예에서는 JavaScript의 'inin' 연산자를 사용하여 속성이 존재하는지 확인합니다.
# index .html
<html>
<head>
<title>IN operator</title>
</head>
<body>
<h1 style="color: red;">
Welcome To Tutorials Point
</h1>
<script>
// Illustration of in operator
const array = ['key', 'value', 'title', 'TutorialsPoint']
// Output of the indexed number
console.log(0 in array) //true
console.log(2 in array) //true
console.log(5 in array) //false
// Output of the Value
// you must specify the index number, not the value at that index
console.log('key' in array) //false
console.log('TutorialsPoint' in array) // false
// output of the Array property
console.log('length' in array)
</script>
</body>
</html>위 프로그램은 콘솔에 다음과 같은 출력을 생성합니다.
true true false false false true
아래 예에서는 in 연산자를 보여줍니다.
# index.html
<html>
<head>
<title>IN operator</title>
</head>
<body>
<h1 style="color: red;">
Welcome To Tutorials Point
</h1>
<script>
// Illustration of in operator
const student = { name: 'Bill', class: 'IX', subjects: 'PCM', age: '16' };
console.log('name' in student);
delete student.name;
console.log('name' in student);
if ('name' in student === false) {
student.name = 'Steve';
}
console.log(student.name);
</script>
</body>
</html>위 프로그램은 콘솔에 다음과 같은 결과를 생성합니다.
rreee위 내용은 JavaScript에서 'in' 연산자를 어떻게 사용하나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
