JavaScript 배열 및 문자열의 include 메소드 사용 소개-JS 튜토리얼-php.cn

JavaScript 배열 및 문자열의 include 메소드 사용 소개

不言

풀어 주다： 2019-01-08 14:57:49

원래의

33132명이 탐색했습니다.

includes 메소드는 배열이나 문자열에 특정 요소가 포함되어 있는지 확인하는 데 사용되는 메소드입니다. 이번 글에서는 주로 배열이나 문자열에 요소가 있는지 확인하는 데 사용됩니다. include 메소드를 사용합니다.

JavaScript 배열 및 문자열의 include 메소드 사용 소개

먼저 Array에서 include 메소드의 사용을 살펴보겠습니다.

Array 객체의 기존 메소드 중 하나는 배열의 특정 요소가 존재하는지 확인하는 데 사용되는 include 메소드입니다.

기본 구문은 다음과 같습니다.

数组.includes(元素)

로그인 후 복사

include 메소드는 true 또는 false만 반환합니다.

매개변수에 지정된 요소가 배열에 포함되어 있으면 true를 반환하고, 포함되지 않으면 false를 반환합니다.

구체적인 예를 살펴보겠습니다

코드는 다음과 같습니다

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
<script type="text/javascript">
	var myarray = [1,2,3,4,5];
var res1 = myarray.includes(3);
var res2 = myarray.includes(7);
console.log(res1)
console.log(res2)
</script>
</body>
</html>

로그인 후 복사

실행 결과는 다음과 같습니다

JavaScript 배열 및 문자열의 include 메소드 사용 소개

위 코드에서는 먼저 myarray 배열을 생성합니다.

그런 다음 include 메소드를 사용하여 myarray에 "3"이라는 요소가 있는지 확인합니다. myarray에 "3"이 포함되어 있으므로 res1 변수는 true를 반환합니다.

다음으로 myarray에 "7"이라는 요소가 있는지 확인했습니다. "7"이 myarray에 없기 때문에 res2 변수는 false를 반환합니다.

또한 지정된 요소 검색을 시작할 위치를 지정할 수도 있습니다.

예제는 다음과 같습니다.

var myarray = [1,2,3,4,5];
var res1 = myarray.includes(3,1);
var res2 = myarray.includes(1,2);
console.log(res1)
console.log(res2)

로그인 후 복사

실행 결과는 다음과 같습니다.

JavaScript 배열 및 문자열의 include 메소드 사용 소개

위 코드에서는 myarray 배열도 사용되었습니다.

방금 언급한 예제 코드에는 include 메소드에 대한 매개변수가 하나만 있었지만 이번에는 두 번째 매개변수도 사용하여 검색을 시작할 위치를 지정합니다.

myarray.includes(3,1)은 myarray에서 "3"을 검색하고 있으며 두 번째 요소가 첫 번째 요소입니다.

"3"은 세 번째 요소이므로 두 번째 요소부터 검색해도 myarray에는 "3"이 존재합니다.

다음 단계는 먼저 세 번째 요소로 "1"을 검색하는 것입니다.

하지만 "1"은 myarray의 첫 번째 요소이므로 세 번째 요소부터만 검색하면 "1"이 없습니다.

여기서 요소는 0부터 계산된다는 점에 유의해야 합니다.

문자열(String)에서 include 메소드를 사용하는 방법

배열의 include 메소드 외에도 문자열(String)에 사용할 수 있는 include 메소드가 있는데, 이는 문자열이 있는지 확인하는 데 사용됩니다. 문자열 문자열의 특정 문자입니다.

기본 구문은 다음과 같습니다.

字符串.includes(搜索特定字符串)

로그인 후 복사

반환 값도 true 또는 false뿐입니다.

구체적인 예를 살펴보겠습니다

var mystr = "Hello, world!";
var res1 = mystr.includes("Hello");
var res2 = mystr.includes("nice");
console.log(res1)
console.log(res2)

로그인 후 복사

실행 결과는 다음과 같습니다

JavaScript 배열 및 문자열의 include 메소드 사용 소개

위 코드는 Array에서 설명한 include 메소드와 동일한 기능을 가지고 있습니다.

mystr 문자열에 Hello 문자열이 존재하므로 true가 반환됩니다.

그러나 mystr에는 nice라는 문자열이 없기 때문에 false를 반환합니다.

또한 배열과 마찬가지로 특정 요소 검색을 시작할 위치를 지정할 수 있습니다.

코드는 다음과 같습니다

var mystr = "Hello, world!";
var res1 = mystr.includes("Hello", 1);
var res2 = mystr.includes("ello", 1);
console.log(res1)
console.log(res2)

로그인 후 복사

실행 결과는 다음과 같습니다

JavaScript 배열 및 문자열의 include 메소드 사용 소개

위 코드에서는 두 번째 요소에서 Hello 문자열을 찾습니다.

여기서 사용된 "요소"는 문자열을 구성하는 각 문자를 의미합니다.

첫 번째부터 검색하면 ello, world라는 글자를 의미합니다! 첫 글자 H를 검색합니다.

안녕하세요, 세상! 당연히 문자열에는 Hello 문자열이 없습니다.

따라서 res1에는 false가 반환됩니다.

하지만 ello 문자열이 있으므로 res2 변수는 true를 반환합니다.

문자열의 include 메소드를 사용할 때 주의할 점은 include 메소드가 대소문자를 구분한다는 것입니다.

var mystr = "Hello, world!";
var res1 = mystr.includes("hello");
console.log(res1)

로그인 후 복사

결과는 false가 됩니다. 위 코드에서는 hello 문자열이 검색되고, include 메소드가 hello와 hello를 구별하므로 false를 표시합니다.

자바스크립트의 include 메소드와 유사한 메소드도 있습니다indexOf. indexOf 메소드 사용에 대해서는 JavaScript에서 indexOf 사용 방법이 글을 참고하세요.

위 내용은 JavaScript 배열 및 문자열의 include 메소드 사용 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

Php8, 나도 갈게

30분 안에 웹사이트 레이아웃 배우기

Shangguan Oracle 초보자부터 능숙한 비디오 튜토리얼까지

UNI-APP 코드의 첫 번째 줄

처음부터 앱 실행까지 Flutter

Lian 형제 새 Linux 비디오 튜토리얼

AXURE 9 비디오 튜토리얼(제품 관리자 대화형 제품 디자인 UI에 적합)

Zero 기본 숙련도 PS 비디오 튜토리얼

시작하는 데 도움이 되는 16일 UI 비디오 튜토리얼

PS 기술 및 슬라이싱 기술 비디오 튜토리얼

Alibaba Cloud 환경 구축 및 프로젝트 출시 비디오 튜토리얼

컴퓨터 네트워크 개요 - 프로그래머가 마스터해야 하는 기본 지식

프로그래머를 위한 필수 튜토리얼 - HTTP 프로토콜 설명

웹소켓 비디오 튜토리얼

JavaScript 배열 및 문자열의 include 메소드 사용 소개