ES6-새로운 문자열 방법

다음은 설명과 함께 메소드 목록입니다.

Sr. 아니요 방법 및 설명
1 String.prototype.startsWith (searchString, 위치 = 0)

수신자가 searchString으로 시작하면 true를 반환합니다. 위치를 통해 확인할 문자열이 시작되는 위치를 지정할 수 있습니다.

2 String.prototype.endsWith (searchString, endPosition = searchString.length)

수신자가 searchString으로 시작하면 true를 반환합니다. 위치를 통해 확인할 문자열이 시작되는 위치를 지정할 수 있습니다.

String.prototype.includes (searchString, 위치 = 0)

수신자가 searchString을 포함하면 true를 반환합니다. 위치를 사용하면 검색 할 문자열이 시작되는 위치를 지정할 수 있습니다.

4 String.prototype.repeat (count)

수신자, 연결된 카운트 시간을 반환합니다.

템플릿 리터럴

Template literals 임베드 된 표현식을 허용하는 문자열 리터럴입니다. Templatestrings작은 따옴표 나 큰 따옴표 대신 역 따옴표 (``)를 사용하십시오. 따라서 템플릿 문자열은 다음과 같이 작성 될 수 있습니다.

var greeting = `Hello World!`;

문자열 보간 및 템플릿 리터럴

템플릿 문자열은 설명 된대로 $ {} 구문을 사용하여 문자열 대체에 자리 표시자를 사용할 수 있습니다.

Example 1

var name = "Brendan"; 
console.log('Hello, ${name}!');

위 코드가 성공적으로 실행되면 다음 출력이 표시됩니다.

Hello, Brendan!

Example 2: Template literals and expressions

var a = 10; 
var b = 10; 
console.log(`The sum of ${a} and ${b} is  ${a+b} `);

위 코드가 성공적으로 실행되면 다음 출력이 표시됩니다.

The sum of 10 and 10 is 20

Example 3: Template literals and function expression

function fn() { return "Hello World"; } 
console.log(`Message: ${fn()} !!`);

위 코드가 성공적으로 실행되면 다음 출력이 표시됩니다.

Message: Hello World !!

여러 줄 문자열 및 템플릿 리터럴

템플릿 문자열은 여러 줄을 포함 할 수 있습니다.

Example

var multiLine = `
   This is 
   a string 
   with multiple 
   lines`; 
console.log(multiLine)

위 코드가 성공적으로 실행되면 다음 출력이 표시됩니다.

This is 
a string 
with multiple 
line

String.raw ()

ES6에는 백 슬래시가 특별한 의미가없는 원시 문자열에 대한 태그 함수 String.raw가 포함되어 있습니다. String.raw정규식 리터럴 에서처럼 백 슬래시를 작성할 수 있습니다. 다음 예를 고려하십시오.

var text =`Hello \n World` 
console.log(text)  

var raw_text = String.raw`Hello \n World ` 
console.log(raw_text)

위 코드가 성공적으로 실행되면 다음 출력이 표시됩니다.

Hello 
World 
Hello \n World

태그가 지정된 템플릿

tag템플릿 리터럴을 해석하고 처리 할 수있는 함수입니다. 템플릿 리터럴 앞에 태그가 나타납니다. 구문은 아래와 같습니다.

통사론

let output_fromTag = tagFunction `Template literal with ${variable1} , ${variable2}`

태그 함수 구현 구문은 다음과 같습니다.

function tagFunction(literals,...variable_values){
   //process
   return "some result"
}

다음 예제는 태그 기능을 정의합니다. myTagFn(). 전달 된 매개 변수를 표시합니다. 표시 후 반환Done 발신자에게.

<script>
   function myTagFn(literals,...values){
      console.log("literal values are");
      for(let c of literals){
         console.log(c)
      }

      console.log("variable values are ");
      for(let c of values){
         console.log(c)
      }

      return "Done"
   }
   let company = `TutorialsPoint`
   let company_location = `Mumbai`
   let result = myTagFn `Hello this is ${company} from ${company_location}`

   console.log(result)

</script>

위 코드의 출력은 다음과 같습니다.

//literal
literal values are
Hello this is
from
//values
variable values are
TutorialsPoint
Mumbai
Done

아래 tag function 걸립니다 template literal 다음과 같이 대문자로 변환합니다.

<script>
   function convertToUpperTagFn(literals, ...values) {
      let result = "";
      for (let i = 0; i < literals.length; i++) {
         result += literals[i];
         if (i < values.length) {
            result += values[i];
         }
      }
      return result.toUpperCase();
   }
   let company = `TutorialsPoint`
   let company_location = `Mumbai`
   let result = convertToUpperTagFn `Hello this is ${company} from ${company_location}`

   console.log(result)

</script>

위 코드의 출력은 다음과 같습니다.

HELLO THIS IS TUTORIALSPOINT FROM MUMBAI

String.fromCodePoint ()

정적 문자열입니다.fromCodePoint()메서드는 지정된 유니 코드 코드 포인트 시퀀스를 사용하여 생성 된 문자열을 반환합니다. 유효하지 않은 코드 포인트가 전달되면이 함수는 RangeError를 발생시킵니다.

console.log(String.fromCodePoint(42))        
console.log(String.fromCodePoint(65, 90))

위 코드가 성공적으로 실행되면 다음 출력이 표시됩니다.

* 
AZ