>웹 프론트엔드 >JS 튜토리얼 >JavaScript 배열 및 문자열의 include 메소드 사용 소개

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

不言
不言원래의
2019-01-08 14:57:4933212검색

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

관련 기사

더보기