Javascript 하위 문자열 발생. 문자열 작업을 위한 javascript 메소드. 주어진 위치에서 문자 찾기

최종 업데이트: 2018년 4월 6일

문자열을 생성하기 위해 문자열을 변수에 직접 할당할 수 있습니다.

이름 = "톰"으로 하자;

String 개체는 문자열과 함께 작동하기 위한 것이므로 String 생성자를 사용할 수도 있습니다.

Varname = new String("톰");

그러나 원칙적으로 첫 번째 짧은 방법이 사용됩니다. 첫 번째 경우 JavaScript는 필요한 경우 기본 유형 변수를 String 객체로 자동 변환합니다.

String 개체에는 문자열을 조작할 수 있는 많은 속성 및 메서드 집합이 있습니다.

length 속성은 문자열의 길이를 나타냅니다.

var hello = "안녕하세요."; console.log("문자열 "" + hello + "" " + hello.length + " 문자");

repeat() 메서드를 사용하면 다른 문자열을 여러 번 반복하여 문자열을 만들 수 있습니다. 반복 횟수는 인수로 전달됩니다.

Let hello = "안녕하세요"; console.log(hello.repeat(3)); // 안녕 안녕 안녕

행 패턴

문자열 템플릿을 사용하면 문자열에 다른 값을 삽입할 수 있습니다. 이렇게 하려면 문자열을 슬래시 따옴표로 묶습니다.

이름 = "톰"으로 하자; let hello = `안녕하세요 $(이름)`; 콘솔로그(hello); // 안녕 톰 let age = 23; let info = `$(이름)은 $(age)세입니다`; 콘솔 로그(정보); // Tom은 23세입니다.

문자열에 값을 삽입하려면 앞에 달러 기호가 있는 중괄호로 묶어야 합니다.

또한 스칼라 값 대신 복잡한 개체의 속성이나 식 결과를 추가할 수 있습니다.

Let tom =( name: "Tom", age: 25 ) let info = `$(tom.name) is $(tom.age) years old`; 콘솔 로그(정보); // Tom은 23세입니다. function sum(x, y)( return x + y; ) let a = 5, b = 4; let result = `$(a) + $(b) = $(sum(a, b))`; 콘솔 로그(결과); // 5 + 4 = 9

문자열에서 검색

문자열에서 일부 하위 문자열을 검색하려면 indexOf()(하위 문자열이 처음 나타나는 인덱스) 및 lastIndexOf()(하위 문자열이 마지막으로 나타나는 인덱스) 메서드가 사용됩니다. 이러한 메서드는 두 가지 매개변수를 사용합니다.

찾을 하위 문자열

문자열에서 하위 문자열을 검색할 문자를 지정하는 선택적 매개변수

이 두 메서드 모두 문자열에서 하위 문자열이 시작되는 문자의 인덱스를 반환합니다. 하위 문자열이 없으면 -1이 반환됩니다.

Hello = "hello world.bye world"; let key = "세계"; let firstPos = hello.indexOf(key); let lastPos = hello.lastIndexOf(key); console.log("첫 번째 발생: ", firstPos); // 7 console.log("마지막 발생: ", lastPos); // 17

문자열에 특정 하위 문자열이 포함된 경우 또 다른 메서드 include()는 true를 반환합니다.

Hello = "hello world.bye world"; console.log(hello.includes("세계")); // 참 console.log(hello.includes("순간")); // 거짓

두 번째 추가 매개변수를 사용하여 하위 문자열 검색을 시작할 인덱스를 지정할 수 있습니다.

Hello = "hello world.bye world"; console.log(hello.includes("세계", 5)); // 참 console.log(hello.includes("hello", 6)); // 거짓

하위 문자열 선택

문자열에서 하위 문자열을 잘라내려면 substr() 및 substring() 메서드가 사용됩니다.

substring() 메서드는 두 개의 매개변수를 사용합니다.

문자열을 잘라낼 문자열의 문자 인덱스

문자열을 잘라낼 인덱스

let hello = "안녕하세요. 세상 안녕"; letworld = hello.substring(7, 10); // 7번째부터 10번째 인덱스까지 console.log(world); // 세계

substr() 메서드는 첫 번째 매개변수로 하위 문자열의 시작 인덱스를 사용하고 두 번째 매개변수로 잘라낼 하위 문자열의 길이를 사용합니다.

Hello = "hello world.bye world"; let bye = hello.substr(12, 4); 콘솔 로그(bye); // 안녕

두 번째 매개변수를 지정하지 않으면 문자열의 나머지 부분이 잘립니다.

Hello = "hello world.bye world"; let bye = hello.substr(12); 콘솔 로그(bye); // 동안 세계

등록 관리

대소문자를 바꾸려면 toLowerCase()(소문자 변환용)와 toUpperCase()(대문자 변환용) 메서드가 있습니다.

Let hello = "안녕 톰"; console.log(hello.toLowerCase()); // 안녕 톰 console.log(hello.toUpperCase()); // 안녕 톰

인덱스로 문자 가져오기

인덱스로 문자열의 특정 문자를 가져오려면 charAt() 및 charCodeAt() 메서드를 사용할 수 있습니다. 이 두 메서드 모두 문자 인덱스를 매개변수로 사용합니다.

Let hello = "안녕 톰"; console.log(hello.charAt(2)); // 그리고 console.log(hello.charCodeAt(2)); // 1080

그러나 charAt() 메서드가 결과로 문자 자체를 반환하면 charCodeAt() 메서드는 해당 문자의 숫자 코드를 반환합니다.

공백 제거

문자열에서 선행 및 후행 공백을 제거하려면 trim() 메서드를 사용합니다.

Let hello = "안녕 톰"; let beforeLength = hello.length; 안녕하세요 = 안녕하세요.트림(); let afterLength = hello.length; console.log("줄 길이 최대: ", beforeLength); // 15 console.log("다음 줄 길이: ", afterLength); // 10

문자열 연결

concat() 메서드는 두 문자열을 연결합니다.

let hello = "안녕하세요"; let world = "월드"; 안녕하세요 = 안녕하세요.concat(세계); 콘솔로그(hello); // 안녕하세요 세계

하위 문자열 교체

replace() 메서드는 한 하위 문자열의 첫 번째 항목을 다른 하위 문자열로 바꿉니다.

Let hello = "안녕하세요"; hello = hello.replace("낮", "저녁"); 콘솔로그(hello); // 좋은 저녁이에요

메서드의 첫 번째 매개 변수는 대체할 하위 문자열을 지정하고 두 번째 매개 변수는 대체할 하위 문자열을 지정합니다.

문자열 분할

split() 메서드는 지정된 구분 기호에서 문자열을 부분 문자열 배열로 분할합니다. 구분 기호는 메서드에 전달되는 문자열입니다.

Var message = "오늘 날씨가 좋았습니다."; var stringArray = message.split(" "); for(stringArray의 var str) console.log(stringArray);

브라우저 출력

오늘은 날씨가 좋았다

문자열의 시작과 끝 확인

문자열이 특정 하위 문자열로 시작하면 startsWith() 메서드는 true를 반환합니다. 그리고 문자열이 특정 하위 문자열로 끝나는 경우 endsWith() 메서드는 true를 반환합니다.

Let hello = "내 마음에서 말하게 해주세요"; console.log(hello.startsWith("let")); // 참 console.log(hello.startsWith("Let")); // 거짓 console.log(hello.startsWith("lets")); // 거짓 console.log(hello.endsWith("하트")); // 참 console.log(hello.startsWith("bart")); // 거짓

이 경우 문자의 대소문자가 역할을 하며 위의 예에서 "let"은 "Let"과 동일하지 않음을 알 수 있습니다.

선택적 두 번째 매개 변수를 사용하면 비교할 인덱스를 지정할 수 있습니다(startWith - 처음부터의 인덱스 및 endsWith - 문자열 끝에서 인덱스).

Let hello = "내 마음에서 말하게 해주세요"; console.log(hello.startsWith("나", 4)); // true, "me"는 문자열 시작 부분의 인덱스 4입니다. console.log(hello.startsWith("my", hello.length-8)); // true, "my" - 끝에서 8번째 인덱스

includes() 메서드는 필요에 따라 true 또는 false를 반환하여 다른 문자열 내에서 하나의 문자열을 찾을 수 있는지 확인합니다.

구문: -string.includes(searchString[,위치])

searchString: - 이 문자열 내에서 검색할 문자열입니다.

위치: -선택 사항입니다. 이 문자열에서 searchString을 검색할 위치입니다. 기본값은 0입니다.

문자열 = "웃음"; console.log(string.includes("웃음")); // 거짓 반환 console.log(string.includes("LOL")); // 참을 반환

드롭다운 메뉴에 제품 옵션을 표시하는 장바구니가 있는데 "예"를 선택하면 페이지의 다른 필드를 표시하고 싶습니다.

문제는 장바구니에도 텍스트에 가격 수정자가 포함되어 있어 제품마다 다를 수 있다는 것입니다. 다음 코드가 작동합니다.

$(document).ready(function() ( $("select").change(function() ( var str = $("select option:selected").text(); if (str == "예(+ $6.95)") ( $(".engraving").show(); ) else ( $(".engraving").hide(); ) )); ));

그러나 작동하지 않는 다음과 같은 것을 사용하고 싶습니다.

$(document).ready(function() ( $("select").change(function() ( var str = $("select option:selected").text(); if (str *= "예") ( $(".engraving").show(); ) else ( $(".engraving").hide(); ) )); ));

선택한 옵션에 "예"라는 단어가 포함되어 있고 가격 수정자를 무시하는 경우에만 작업을 수행하고 싶습니다.

당신이 쓸 때 자바스크립트, 문자열과 함께 작동하는 메서드의 구문 및 매개 변수에 대한 정보를 찾기 위해 인터넷을 서핑해야 하는 경우가 매우 많습니다.

문자열 작업에 대한 많은 기사를 읽었습니다. 이 게시물은 문자열 작업을 위한 가장 일반적인 방법에 대한 예제와 간략한 설명을 보여줍니다. 빠른 참조를 위해 가장 일반적인 방법을 맨 위에 두려고 했습니다.

물론 대부분의 숙련된 개발자는 이미 많은 방법에 상당히 익숙하지만 초보자가 간단한 방법으로 복잡한 작업을 수행하는 데 도움이 되는 다양한 방법을 이해하는 데 유용한 목록이라고 생각합니다.

문자열로 변환

숫자, 부울 표현식 또는 객체를 문자열로 변환할 수 있습니다.

var myNumber = 24; // 24 var myString = myNumber.toString(); // "24"

당신은 그것을 같은 방법으로 할 수 있습니다 끈():

var myNumber = 24; // 24 var myString = String(myNumber); // "24"

값이 아닌지 확실하지 않은 경우 없는또는 한정되지 않은, 당신이 사용할 수있는 끈(), 값 유형에 관계없이 항상 문자열을 반환합니다.

문자열을 하위 문자열로 분할

문자열을 하위 문자열의 배열로 분할하려면 다음 방법을 사용할 수 있습니다. 나뉘다():

Var myString = "오고, 떨어져, at, the, 쉼표"; var substringArray = myString.split(","); // ["오고", "떨어져", "at", "the", "쉼표"] var arrayLimited = myString.split(",", 3); // ["오고", "떨어져", "에서"]

마지막 줄에서 볼 수 있듯이 함수의 두 번째 매개 변수는 최종 배열에 포함될 요소 수에 대한 제한입니다.

문자열의 길이 구하기

문자열에 몇 개의 문자가 있는지 찾기 위해 속성을 사용합니다. 길이:

Var myString = "당신"은 정말 멋진 캐릭터입니다."; var stringLength = myString.length; // 25

문자열에서 하위 문자열 찾기

하위 문자열을 검색하는 방법에는 두 가지가 있습니다.

용법 indexOf():

Var stringOne = "조니 왈도 해리슨 왈도"; var wheresWaldo = stringOne.indexOf("왈도"); // 7

indexOf()이 메서드는 문자열의 시작 부분에서 하위 문자열 검색을 시작하고 하위 문자열이 처음 나타나는 시작 위치를 반환합니다. 이 경우 숫자 7입니다.

용법 lastIndexOf():

Var stringOne = "조니 왈도 해리슨 왈도"; var wheresWaldo = stringOne.lastIndexOf("왈도"); // 22

이 메서드는 문자열에서 하위 문자열이 마지막으로 나타나는 시작 위치를 반환합니다.

두 메서드 모두 하위 문자열이 없으면 -1을 반환하고 검색을 시작하려는 문자열의 위치를 ​​나타내는 선택적 두 번째 인수를 사용합니다. 따라서 두 번째 인수가 "5"이면 indexOf()문자 0-4는 무시하고 문자 5부터 검색을 시작합니다. lastIndexOf()문자 5부터 검색을 시작하고 뒤로 이동하며 문자 6 이상은 무시합니다.

하위 문자열 교체

문자열의 하위 문자열을 다른 하위 문자열로 바꾸려면 다음을 사용할 수 있습니다. 바꾸다():

Var slugger = "조쉬 해밀턴"; var betterSlugger = slugger.replace("h 해밀턴", "e Bautista"); console.log(betterSlugger); // "호세 바티스타"

첫 번째 인수는 바꾸려는 항목이고 두 번째 인수는 새 문자열입니다. 이 함수는 문자열에서 하위 문자열의 첫 번째 항목만 바꿉니다.

모든 항목을 바꾸려면 전역 플래그가 있는 정규식을 사용해야 합니다.

Var myString = "그녀는 자동차 해안에서 자동차 쉘을 판매합니다"; var newString = myString.replace(/automotive/g, "sea"); 콘솔로그(newString); // "그녀는 바닷가에서 조개껍데기를 판다"

두 번째 인수에는 특수 템플릿이나 함수가 포함될 수 있습니다. 자세한 내용을 읽을 수 있습니다.

문자열의 주어진 위치에 있는 문자를 가져옵니다.

함수를 사용하여 기호를 얻을 수 있습니다. 문자():

Var myString = "깃털 새"; var whatsAtSeven = myString.charAt(7); // "에프"

JavaScript에서 종종 그렇듯이 문자열의 첫 번째 위치는 1이 아닌 0에서 시작합니다.

대체 기능으로 다음을 사용할 수 있습니다. charCodeAt()함수는 문자 코드입니다.

Var myString = "깃털 새"; var whatsAtSeven = myString.charCodeAt(7); // "102" var whatsAtEleven = myString.charCodeAt(11); // "70"

문자 "F"(위치 11)의 코드는 문자 "f"(위치 7)의 코드와 다릅니다.

문자열 결합

대부분의 경우 "+" 연산자를 사용하여 문자열을 결합할 수 있습니다. 그러나 당신은 또한 방법을 사용할 수 있습니다 연결():

Var stringOne = "닙 하이 축구"; var stringTwo = stringOne.concat("규칙."); // "닙 고등학교 축구 규칙"

이런 식으로 여러 줄을 작성된 순서대로 하나로 결합할 수 있습니다.

VarstringOne = "니브"; var stringTwo = "높음"; var stringThree = "축구"; var stringFour = "규칙."; var finalString = stringOne.concat(stringTwo, stringThree, stringFour); console.log(finalString); // "닙 하이 풋볼 규칙."

하위 문자열 추출

다른 문자열의 일부에서 문자열을 가져오는 방법에는 3가지가 있습니다.

사용 일부분():

Var stringOne = "abcdefghijklmnopqrstuvwxyz"; var stringTwo = stringOne.slice(5, 10); // "fghij"

사용 하위 문자열():

Var stringOne = "abcdefghijklmnopqrstuvwxyz"; var stringTwo = stringOne.substring(5, 10); // "fghij"

두 함수 모두에서 첫 번째 매개변수는 하위 문자열이 시작되는 문자(위치 0에서 시작)이고 두 번째 인수(선택 사항)는 하위 문자열이 반환되는 문자 위치입니다. 예제 (5, 10)은 위치 5와 9 사이의 문자열을 반환합니다.

사용 substr():

Var stringOne = "abcdefghijklmnopqrstuvwxyz"; var stringTwo = stringOne.substr(5, 10); // "fghijklmno"

첫 번째 인수는 새 행이 시작되는 문자 위치이고 두 번째 인수는 새 행의 시작 위치부터의 문자 수입니다. 저것들. (5, 10)은 위치 5에서 시작하여 10자를 반환합니다.

문자열을 대문자 또는 소문자로 변환합니다.

번역에는 4가지 방법이 있습니다. 처음 2개는 문자열을 대문자로 변환합니다.

Var stringOne = "말해 보세요. 들을 수 없습니다."; var stringTwo = stringOne.toLocaleUpperCase(); // "말해 보세요. 들을 수 없습니다." var stringThree = stringOne.toUpperCase(); // "말해봐, 안들려"

나머지 2개는 문자열을 소문자로 변환합니다.

Var stringOne = "YOU DON"T HAVE TO YELL"; var stringTwo = stringOne.toLocaleLowerCase(); // "당신은 소리칠 필요가 없습니다" var stringThree = stringOne.toLowerCase(); // "소리지르지 않아도 됩니다."

다음과 같이 "locale" 방법을 사용하는 것이 좋습니다. 예를 들어 터키와 같은 다른 장소에서는 레지스터 표시가 우리가 익숙한 방식으로 작동하지 않으므로 원하는 결과가 나올 수 있습니다. "로케일" 방법을 사용하면 이러한 문제가 발생하지 않습니다.

패턴 매칭

문자열의 패턴 일치는 서로 다른 방식으로 작동하는 두 가지 방법과 함께 사용할 수 있습니다.

방법 성냥()문자열에 적용되며 정규식을 매개변수로 사용합니다.

Var myString = "나무 척이 척을 할 수 있는 나무의 양"; var myPattern = /.ood/; var myResult = myString.match(myPattern); // ["나무"] var patternLocation = myResult.index; // 9 var originalString = myResult.input // "우드 척 척이 할 수 있는 나무의 양"

방법 간부()정규식 객체에 적용되며 문자열을 매개변수로 사용합니다.

Var myString = "나무 척이 척을 할 수 있는 나무의 양"; var myPattern = /.huck/; var myResult = myPattern.exec(myString); // ["척"] var patternLocation = myResult.index; // 27 var originalString = myResult.input // "우드 척 척이 할 수 있는 나무의 양"

두 메서드 모두 첫 번째 일치 항목만 반환합니다. 일치하는 항목이 없으면 반환 없는.

당신은 또한 방법을 사용할 수 있습니다 찾다(), 정규식을 사용하고 패턴의 첫 번째 일치 위치를 반환합니다.

Var myString = "가정"; var patternLocation = myString.search(/ume/); // 삼

일치하는 항목이 없으면 " -1 «.

정렬을 위해 두 문자열 비교

2개의 문자열을 비교하여 어느 것이 알파벳순으로 먼저 오는지 결정할 수 있습니다. 이를 위해 우리는 방법을 사용합니다 로케일 비교(), 3개의 가능한 값을 반환합니다.

Var myString = "치킨"; var myStringTwo = "계란"; var whichCameFirst = myString.localeCompare(myStringTwo); // -1(Chrome에서 -2 반환) whichCameFirst = myString.localeCompare("chicken"); // 0 whichCameFirst = myString.localeCompare("사과"); // 1(Chrome은 2를 반환함)

위와 같이 문자열 인수가 원래 문자열 뒤에 오면 음수가 반환됩니다. 문자열 인수가 원래 문자열 앞에 오는 경우 양수입니다. 반환되는 경우 0 문자열이 같음을 의미합니다.

반환 값을 확인하려면 if (result< 0), чем if (result === -1). Последнее не будет работать в Chrome.

관심을 가져 주셔서 감사합니다. 새롭고 흥미로운 것을 많이 배웠기를 바랍니다.

기사 작성자: Alex. 범주:
발행일: 2013년 3월 19일

자바스크립트로 글을 작성할 때 문자열로 작업하는 메소드의 구문(및 순서, 인수 정의)을 명확히 하기 위해 검색 엔진을 참조해야 하는 경우가 많습니다.

이 기사에서는 문자열과 관련된 가장 일반적인 자바스크립트 메서드에 대한 예제와 설명을 제공하려고 합니다. 가장 인기있는 방법은 편의를 위해 기사 상단에 있습니다.

문자열로 변환

숫자, 부울 또는 객체를 문자열로 변환할 수 있습니다.

var myNumber = 24; // 24 var myString = myNumber.toString(); // "24"

string() 함수를 사용하여 이 작업을 수행할 수도 있습니다.

var myNumber = 24; // 24 var myString = String(myNumber); // "24"

Nicholas Zakas는 다음과 같이 말합니다. "값(null 또는 정의되지 않음)이 확실하지 않은 경우 String() 함수를 사용하세요.

한정되지 않은변수에 할당된 값이 없음을 의미합니다. 없는, - null 값이 할당되었습니다(null은 빈 객체로 정의된다고 말할 수 있음).

문자열을 하위 문자열로 분할

문자열을 하위 문자열의 배열로 분할하려면 split() 메서드를 사용할 수 있습니다.

Var myString = "오고, 떨어져, at, the, 쉼표"; var substringArray = myString.split(","); // ["오고", "떨어져", "at", "the", "쉼표"] var arrayLimited = myString.split(",", 3); // ["오고", "떨어져", "에서"]

마지막 줄에서 볼 수 있듯이 두 번째 선택적 인수의 값은 반환된 배열의 요소 수를 결정합니다.

문자열 길이 가져오기

길이 속성을 사용하면 문자열에서 유니코드 문자의 수를 찾을 수 있습니다.

Var myString = "당신"은 정말 멋진 캐릭터입니다."; var stringLength = myString.length; // 25

문자열에서 하위 문자열 정의

이를 수행하는 두 가지 방법이 있습니다.

indexOf() 사용:

Var stringOne = "조니 왈도 해리슨 왈도"; var wheresWaldo = stringOne.indexOf("왈도"); // 7

indexOf() 메서드는 (문자열의 시작부터) 문자열에서 하위 문자열(전달된 첫 번째 인수)을 검색하고 문자열에서 하위 문자열의 발생이 시작된 첫 번째 문자의 위치를 ​​반환합니다.

lastIndexOf() 사용:

Var stringOne = "조니 왈도 해리슨 왈도"; var wheresWaldo = stringOne.lastIndexOf("왈도"); // 22

lastIndexOf() 메서드는 문자열 내에서 마지막 하위 문자열을 찾는다는 점을 제외하면 정확히 동일합니다.

하위 문자열이 없으면 두 메서드 모두 -1을 반환합니다. 두 번째 선택적 인수는 검색을 시작하려는 문자열의 위치를 ​​지정합니다. 따라서 indexOf() 메서드의 두 번째 인수가 5이면 5번째 문자부터 검색이 시작되고 0-4개의 문자는 무시됩니다. lastIndexOf() 의 경우 두 번째 인수가 5이면 검색이 역방향으로 시작되며 문자 6 이상은 무시됩니다.

문자열의 일부를 교체하는 방법

문자열의 일부(또는 전체)를 바꾸려면 replace() 메서드를 사용하십시오.

Var slugger = "조쉬 해밀턴"; var betterSlugger = slugger.replace("h 해밀턴", "e Bautista"); console.log(betterSlugger); // "호세 바티스타"

첫 번째 인수에는 대체할 하위 문자열의 일부가 포함됩니다. 두 번째 인수는 교체할 하위 문자열을 대신할 문자열입니다. 하위 문자열의 첫 번째 인스턴스만 교체됩니다.

하위 문자열의 모든 항목을 바꾸려면 " g " 플래그와 함께 정규식을 사용하십시오.

Var myString = "그녀는 자동차 해안에서 자동차 쉘을 판매합니다"; var newString = myString.replace(/automotive/g, "sea"); 콘솔로그(newString); // "그녀는 바닷가에서 조개껍데기를 판다"

두 번째 인수에는 교체할 하위 문자열이나 함수가 포함될 수 있습니다.

주어진 위치에서 문자 찾기

주어진 위치에 있는 문자를 찾으려면 charAt() 메서드를 사용할 수 있습니다.

Var myString = "깃털 새"; var whatsAtSeven = myString.charAt(7); // "에프"

JavaScript에서 종종 그렇듯이 첫 번째 위치는 1이 아닌 0부터 계산됩니다.

대안으로 charCodeAt() 메서드를 사용할 수 있지만 문자 자체 대신 해당 코드를 가져옵니다.

Var myString = "깃털 새"; var whatsAtSeven = myString.charCodeAt(7); // "102" var whatsAtEleven = myString.charCodeAt(11); // "70"

대문자(위치 11)에 대한 코드는 같은 문자에 대한 코드와 다르지만 소문자(위치 7)입니다.

자바스크립트에서 문자열 연결

대부분의 경우 (+) 연산자를 사용하여 문자열을 연결합니다. 그러나 concat() 메서드를 사용하여 문자열을 연결할 수도 있습니다.

Var stringOne = "닙 하이 축구"; var stringTwo = stringOne.concat("규칙."); // "닙 고등학교 축구 규칙"

여러 문자열을 concat() 에 전달할 수 있으며 결과 문자열에 concat() 메서드에 추가된 순서대로 표시됩니다.

VarstringOne = "니브"; var stringTwo = "높음"; var stringThree = "축구"; var stringFour = "규칙."; var finalString = stringOne.concat(stringTwo, stringThree, stringFour); console.log(finalString); // "닙 하이 풋볼 규칙."

문자열의 일부(자바스크립트에서 하위 문자열 추출)

기존 문자열에서 하위 문자열의 일부를 "풀링"하여 새 문자열을 만드는 방법에는 세 가지가 있습니다.

슬라이스() 사용:

Var stringOne = "abcdefghijklmnopqrstuvwxyz"; var stringTwo = stringOne.slice(5, 10); // "fghij"

하위 문자열() 사용:

Var stringOne = "abcdefghijklmnopqrstuvwxyz"; var stringTwo = stringOne.substring(5, 10); // "fghij"

(slice() 및 substring()) 메서드 모두에서 첫 번째 인수는 하위 문자열이 시작되는 문자 위치(0부터 계산)이고 두 번째 인수는 하위 문자열이 끝나는 문자 위치이며 문자는 반환된 하위 문자열에 포함되지 않은 두 번째 인수입니다.

substr() 사용:

Var stringOne = "abcdefghijklmnopqrstuvwxyz"; var stringTwo = stringOne.substr(5, 10); // "fghijklmno"

substr 메서드의 경우 첫 번째 인수는 하위 문자열이 시작되는 문자 위치도 지정합니다. 두 번째 인수는 선택 사항입니다. 그러나 동시에 두 번째 인수는 첫 번째 인수에서 이미 정의한 위치부터 시작하여 하위 문자열에 포함되어야 하는 문자 수를 지정합니다. 이 기술은 위의 예에 잘 설명되어 있습니다.

javascript에서 문자열을 소문자 또는 대문자로 변환

필요한 변환을 수행하는 네 가지 방법이 있습니다. 2개는 문자열 문자를 대문자로 변환합니다.

Var stringOne = "말해 보세요. 들을 수 없습니다."; var stringTwo = stringOne.toLocaleUpperCase(); // "말해 보세요. 들을 수 없습니다." var stringThree = stringOne.toUpperCase(); // "말해봐, 안들려"

문자열을 소문자로 변환하는 두 가지:

Var stringOne = "YOU DON"T HAVE TO YELL"; var stringTwo = stringOne.toLocaleLowerCase(); // "당신은 소리칠 필요가 없습니다" var stringThree = stringOne.toLowerCase(); // "소리지르지 않아도 됩니다."

일반적으로 로케일 방식과 비로케일 방식의 차이는 없으나, "터키어와 같이 문자 대소문자가 유니코드 시스템의 대소문자를 따르지 않는 일부 언어의 경우 비로케일 방식을 사용한 결과 다를 수 있습니다." 따라서 다음 규칙을 따르십시오. "코드가 작동할 언어를 모르는 경우 로케일 방법을 사용하는 것이 더 안전합니다."

자바스크립트의 패턴 매칭

두 가지 방법을 사용하여 문자열에 패턴이 있는지 확인할 수 있습니다.

match() 메서드는 문자열 객체에서 호출되고 정규식은 match() 메서드에 대한 인수로 전달됩니다.

Var myString = "나무 척이 척을 할 수 있는 나무의 양"; var myPattern = /.ood/; var myResult = myString.match(myPattern); // ["나무"] var patternLocation = myResult.index; // 9 var originalString = myResult.input // "우드 척 척이 할 수 있는 나무의 양"

그리고 exec() 메서드는 RegExp 객체에서 호출되며 문자열은 인수로 전달됩니다.

Var myString = "나무 척이 척을 할 수 있는 나무의 양"; var myPattern = /.huck/; var myResult = myPattern.exec(myString); // ["척"] var patternLocation = myResult.index; // 27 var originalString = myResult.input // "우드 척 척이 할 수 있는 나무의 양"

두 메서드 모두 일치하는 첫 번째 항목을 반환합니다. 일치하는 항목이 없으면 NULL이 반환됩니다. 정규식에 " g " 플래그가 있으면 모든 일치 항목을 포함하는 배열이 결과로 반환됩니다.

정규식을 인수로 사용하고 일치하는 첫 번째 패턴의 시작 위치를 반환하는 search() 메서드를 사용할 수도 있습니다.

Var myString = "가정"; var patternLocation = myString.search(/ume/); // 삼

일치하는 항목이 없으면 메서드는 -1을 반환합니다.

후속 정렬을 위해 두 문자열 비교

로캘의 정렬 순서를 기반으로 두 문자열을 비교하려면 localeCompare 메서드를 사용할 수 있습니다. localeCompare 메서드는 세 가지 가능한 값을 반환합니다.

MyString = "닭"; var myStringTwo = "계란"; var whichCameFirst = myString.localeCompare(myStringTwo); // -1(-2를 반환하는 Chrome 제외) whichCameFirst = myString.localeCompare("chicken"); // 0 whichCameFirst = myString.localeCompare("사과"); // 1(Chrome은 2를 반환함)

위와 같이 원래 문자열이 문자열 인수보다 먼저 정렬되면 음수 값이 반환되고 문자열 인수가 원래 문자열보다 뒤에 정렬되면 +1이 반환됩니다. null이 반환되면 두 문자열이 동일합니다.