ES6 - Phương thức chuỗi mới

Sau đây là danh sách các phương pháp với mô tả của chúng.

Sr.No	Phương pháp & Mô tả
1	String.prototype.startsWith (searchString, position = 0) Trả về true nếu bộ thu bắt đầu với searchString; vị trí cho phép bạn chỉ định nơi bắt đầu chuỗi được kiểm tra.
2	String.prototype.endsWith (searchString, endPosition = searchString.length) Trả về true nếu bộ thu bắt đầu với searchString; vị trí cho phép bạn chỉ định nơi bắt đầu chuỗi được kiểm tra.
3	String.prototype.includes (searchString, position = 0) Trả về true nếu bộ nhận chứa chuỗi tìm kiếm; vị trí cho phép bạn chỉ định nơi bắt đầu chuỗi được tìm kiếm.
4	String.prototype.repeat (số lượng) Trả về người nhận, số lần đếm được nối.

Chữ mẫu

Template literals là các ký tự chuỗi cho phép các biểu thức được nhúng. Templatestringssử dụng dấu tích (``) thay vì dấu nháy đơn hoặc dấu ngoặc kép. Do đó, một chuỗi mẫu có thể được viết dưới dạng:

var greeting = `Hello World!`;

Nội suy chuỗi và ký tự mẫu

Chuỗi mẫu có thể sử dụng trình giữ chỗ để thay thế chuỗi bằng cú pháp $ {}, như được minh họa.

Example 1

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

Kết quả sau được hiển thị khi thực hiện thành công đoạn mã trên.

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} `);

Kết quả sau được hiển thị khi thực hiện thành công đoạn mã trên.

The sum of 10 and 10 is 20

Example 3: Template literals and function expression

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

Kết quả sau được hiển thị khi thực hiện thành công đoạn mã trên.

Message: Hello World !!

Chuỗi đa dòng và chữ mẫu

Chuỗi mẫu có thể chứa nhiều dòng.

Example

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

Kết quả sau được hiển thị khi thực hiện thành công đoạn mã trên.

This is 
a string 
with multiple 
line

String.raw ()

ES6 bao gồm chức năng thẻ String.raw cho các chuỗi thô, trong đó dấu gạch chéo ngược không có ý nghĩa đặc biệt. String.rawcho phép chúng tôi viết dấu gạch chéo ngược như chúng tôi làm trong một cụm từ thông dụng. Hãy xem xét ví dụ sau.

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

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

Kết quả sau được hiển thị khi thực hiện thành công đoạn mã trên.

Hello 
World 
Hello \n World

Mẫu được gắn thẻ

A taglà một hàm có thể diễn giải và xử lý một mẫu chữ. Một thẻ xuất hiện trước chữ mẫu. Cú pháp được hiển thị bên dưới.

Cú pháp

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

Cú pháp triển khai hàm thẻ như dưới đây:

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

Thí dụ

Ví dụ sau định nghĩa một hàm thẻ myTagFn(). Nó hiển thị các tham số được truyền cho nó. Sau khi hiển thị nó trả vềDone cho người gọi.

<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>

Đầu ra của đoạn mã trên sẽ như được nêu bên dưới:

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

Thí dụ

Dưới đây tag function mất một template literal và chuyển nó thành chữ hoa như hình dưới đây -

<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>

Đầu ra của đoạn mã trên sẽ như được đề cập bên dưới:

HELLO THIS IS TUTORIALSPOINT FROM MUMBAI

String.fromCodePoint ()

Chuỗi tĩnh.fromCodePoint()phương thức trả về một chuỗi được tạo bằng cách sử dụng chuỗi điểm mã unicode được chỉ định. Hàm ném ra một lỗi RangeError nếu một điểm mã không hợp lệ được chuyển qua.

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

Kết quả sau được hiển thị khi thực hiện thành công đoạn mã trên.

* 
AZ