> 웹 프론트엔드 > 프런트엔드 Q&A > 자바스크립트 물음표의 다양한 기능

자바스크립트 물음표의 다양한 기능

PHPz
풀어 주다: 2023-05-16 10:15:09
원래의
1159명이 탐색했습니다.

JavaScript는 웹 애플리케이션 개발에 널리 사용되는 고급 프로그래밍 언어입니다. JavaScript에서 물음표(?)는 다양한 용도로 사용되며, 이 문서에서는 이러한 다양한 용도를 심층적으로 살펴보겠습니다.

  1. 삼항 연산자

JavaScript에서 물음표는 삼항 연산자의 일부로 사용되며 일반 구문은 다음과 같습니다.

condition ? exprIfTrue : exprIfFalse
로그인 후 복사

where, condition true로 평가되는 경우 부울 표현식입니다. 그런 다음 exprIfTrue를 반환하고, 그렇지 않으면 exprIfFalse를 반환합니다.

예를 들어 다음 코드는 삼항 연산자를 사용하여 두 숫자의 크기를 비교합니다.

 let x = 10;
 let y = 20;
 let result = (x > y) ? "x is greater than y" : "y is greater than x";
 console.log(result); // Output: "y is greater than x"
로그인 후 복사
  1. 쿼리 문자열

물음표도 URL에서 매우 중요한 역할을 합니다. URL에서 물음표는 일반적으로 쿼리 문자열의 구분 기호로 사용됩니다. 쿼리 문자열은 "&" 기호로 구분된 키-값 쌍의 모음입니다.

예를 들어 다음 URL에는 쿼리 문자열 "?q=javascript+lessons"가 포함되어 있습니다. 여기서 q는 키이고 javascript+lessons는 해당 값입니다.

https://www.google.com/search?q=javascript+lessons
로그인 후 복사

JavaScript에서는 window.location.search 속성을 사용하여 물음표 뒤에 포함된 쿼리 문자열을 가져올 수 있습니다. 예:

 let queryString = window.location.search;
 console.log(queryString); // Output: "?q=javascript+lessons"
로그인 후 복사

쿼리 문자열은 URL 매개변수를 통해 정보를 전달하는 표준 방법 중 하나입니다. 브라우저 간에 매개변수를 전달하기 위해 URL에 매개변수를 추가할 수 있습니다. 이는 웹 개발, 특히 양식 작업 및 AJAX 사용 시 매우 일반적입니다.

  1. 선택적 함수 매개변수

JavaScript에서는 물음표를 사용하여 선택적 함수 매개변수를 지정할 수 있습니다. 이 경우 매개변수가 전달되지 않으면 해당 값은 undefine이 됩니다.

예를 들어 다음 코드는 숫자의 제곱값을 계산하는 함수를 정의합니다.

function square(num, root = false) {
  if (root) {
    return Math.sqrt(num);
  } else {
    return num * num;
  }
}
로그인 후 복사

이 함수에는 두 개의 매개변수가 있습니다. num은 계산할 숫자이고, root는 이 숫자의 제곱근을 계산할지 여부를 나타냅니다. . root 매개변수가 전달되지 않으면 기본값은 false입니다. 제곱근을 계산해야 하는 경우 root 매개변수를 true로 설정하세요.

console.log(square(4)); // Output: 16
console.log(square(4, true)); // Output: 2
로그인 후 복사
  1. 정규식

JavaScript에서는 물음표를 정규식에도 사용할 수 있습니다. 정규식은 문자열에서 특정 텍스트 패턴을 찾는 패턴 일치 도구입니다.

정규식에서 물음표는 일반적으로 특별한 의미를 지닌 메타 문자 중 하나로 사용됩니다. 예를 들어 물음표를 사용하여 앞의 문자가 선택 사항임을 나타낼 수 있습니다. 다음은 정규 표현식에서 물음표를 사용하는 몇 가지 일반적인 예입니다.

  • 앞에 0이 있는 경우 제거: str.replace(/^0+/, '')str.replace(/^0+/, '')
  • 让前面的匹配变为非贪婪(即尽可能短):/a+?/
  • 匹配可选的单数或复数:/apple(s)?/
  • Letleading The match 탐욕스럽지 않게 됨(예: 최대한 짧게): /a+?/
    선택적으로 단수 또는 복수 일치: /apple(s)?/

Type 단정

TypeScript 및 Angular에서는 물음표를 형식 단정 연산자로 사용할 수도 있습니다. 이는 변수 유형을 지정하는 데 사용되는 특수 구문입니다. 이 경우 유형 이름 뒤에 물음표가 표시되어 해당 값이

정의되지 않음 또는 해당 유형일 수 있음을 나타냅니다.

예를 들어,

message 변수가 있고 이를 문자열 또는 정의되지 않음으로 선언한다고 가정해 보겠습니다.

let message: string | undefined;
로그인 후 복사

물음표를 사용하여

message 변수를 문자열 유형으로 주장할 수 있습니다.

console.log(message?.toUpperCase());
로그인 후 복사
이 경우, message 값이 undefine이거나 문자열이 아닌 다른 유형인 경우

undefine

이 반환됩니다.

요약🎜🎜JavaScript에서 물음표는 다양한 용도로 사용됩니다. 삼항 연산자, URL 쿼리 문자열의 마커, 함수에 대한 선택적 인수, 정규식의 메타 문자 및 유형 어설션 연산자로 사용할 수 있습니다. 이러한 다양한 사용법은 모두 웹 개발에 필수적이므로 이해하는 것이 중요합니다. 🎜

위 내용은 자바스크립트 물음표의 다양한 기능의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿