Hướng dẫn can you do string interpolation in javascript? - bạn có thể thực hiện nội suy chuỗi trong javascript không?


Nội suy chuỗi JavaScript là quá trình nhúng biểu thức vào một phần của chuỗi. Một mẫu theo nghĩa đen được sử dụng để nhúng các biểu thức. Bạn có thể thêm các giá trị như biến và tính toán toán học vào một chuỗi bằng cách sử dụng phép nội suy.

Bạn có cần thêm một giá trị bên trong chuỗi JavaScript không? Mẫu cú pháp theo nghĩa đen có bạn được bảo hiểm. Các mẫu mẫu giúp làm việc dễ dàng hơn với các chuỗi đa dòng và các giá trị nhúng bên trong chuỗi JavaScript. Các mẫu chữ là cú pháp nội suy chuỗi JavaScript.

Trong hướng dẫn này, chúng tôi sẽ nói về nội suy chuỗi JavaScript. Chúng tôi sẽ thảo luận về những gì nó là, cách thức hoạt động và đi qua một ví dụ về nội suy chuỗi để giúp bạn bắt đầu.

Hướng dẫn can you do string interpolation in javascript? - bạn có thể thực hiện nội suy chuỗi trong javascript không?

Tìm Bootcamp của bạn phù hợp

  • Karma nghề nghiệp phù hợp với bạn với bootcamp công nghệ hàng đầu
  • Truy cập các học bổng và khóa học chuẩn bị độc quyền

Chọn mối quan tâm của bạn họ Tên điện thoại Email Tên của bạn
First name

Last name

Email

Phone number

Bằng cách tiếp tục, bạn đồng ý với các điều khoản dịch vụ và chính sách quyền riêng tư của chúng tôi và bạn đồng ý nhận được các ưu đãi và cơ hội từ Karma nghề nghiệp qua điện thoại, tin nhắn văn bản và email.

Không có gì khó chịu, hãy để bắt đầu!

Nội suy chuỗi JavaScript

Bạn có thể thêm các giá trị vào chuỗi JavaScript bằng cách sử dụng một mẫu theo nghĩa đen. Đây là một dấu hiệu đô la theo sau là một cặp dấu ngoặc xoăn. Trong các dấu ngoặc xoăn phải là biểu thức có giá trị bạn muốn nhúng vào chuỗi.

Các mẫu mẫu cho phép bạn nhúng các giá trị vào một chuỗi mà không cần dựa vào sự kết hợp. Để khai báo một mẫu theo nghĩa đen, chuỗi của bạn phải được đặt trong các ve sau () thay vì dấu ngoặc kép.

Xem xét cú pháp sau:

`This is a string. Here is the value of 9 + 10: ${9 + 10}.`

Chúng tôi đã tuyên bố một mẫu theo nghĩa đen. Biểu hiện của chúng tôi là:

Biểu thức này đánh giá 9 + 10. Kết quả của biểu thức này được thêm vào cuối chuỗi của chúng tôi, trước khi dừng hoàn toàn. Điều này là do chúng tôi đã viết biểu hiện của chúng tôi trước khi dừng lại đầy đủ.

Ví dụ nội suy chuỗi JavaScript

Các mẫu mẫu cho phép bạn nhúng các giá trị trực tiếp vào một chuỗi. Xem xét mã này:

const address_number = "10 Downing Street";
const prime_minister_address = `The Prime Minister's address is ${address_number}.`;
console.log(prime_minister_address)

Dòng mã đầu tiên xác định số địa chỉ của Thủ tướng. Tiếp theo, chúng tôi sử dụng nghĩa đen mẫu để tạo địa chỉ đầy đủ. Cú pháp $ {} được sử dụng để nhúng một giá trị vào chuỗi của chúng tôi. Chúng tôi đã thêm giá trị của địa chỉ trên mạng_number vào chuỗi.

Hãy để chạy mã của chúng tôi:

The Prime Minister's address is 10 Downing Street

Mã của chúng tôi đã hợp nhất hai chuỗi của chúng tôi.

Khi bạn đang sử dụng các mẫu nghĩa đen, bạn có thể nhúng bất kỳ giá trị nào bên trong nghĩa đen. Điều này bao gồm một chuỗi, một số hoặc kết quả của phép tính toán JavaScript. Bạn không cần phải nhúng một mẫu theo nghĩa đen bên trong một mẫu theo nghĩa đen.

Hướng dẫn can you do string interpolation in javascript? - bạn có thể thực hiện nội suy chuỗi trong javascript không?

"Karma nghề nghiệp bước vào cuộc sống của tôi khi tôi cần nó nhất và nhanh chóng giúp tôi kết hợp với bootcamp. Hai tháng sau khi tốt nghiệp, tôi tìm thấy công việc mơ ước của mình phù hợp với các giá trị và mục tiêu của tôi trong cuộc sống!"

Sao Kim, Kỹ sư phần mềm tại Rockbot

Một trong những lợi thế chính của các chữ viết là cú pháp của nó là rõ ràng. Chúng tôi có thể nhúng mã JavaScript trực tiếp vào chuỗi của chúng tôi.

Hợp nhất các chuỗi bằng cách sử dụng kết nối

Chúng ta có thể hợp nhất các chuỗi bằng cách sử dụng kết nối. Hãy nói rằng chúng ta có hai chuỗi:

const full_address = `The Prime Minister's address is `;
const address_number = `10 Downing Street`;

Bạn có thể thực hiện kết hợp hai chuỗi bằng dấu cộng (+):

const prime_minister_address = full_address + address_number + ".";
console.log(prime_minister_address);

Bảng điều khiển JavaScript in ra giá trị sau:

The Prime Minister's address is 10 Downing Street

Chúng tôi đã tạo thành công một chuỗi kết hợp hai chuỗi của chúng tôi. Cuối cùng, chúng tôi sử dụng toán tử nối để thêm một điểm dừng hoàn toàn (phạm lỗi) vào câu của chúng tôi.

Nhưng, cú pháp này có một nhược điểm: Chúng ta chỉ có thể thêm các giá trị vào cuối chuỗi. Đây là một lý do lớn đằng sau việc giới thiệu cú pháp theo nghĩa đen của mẫu. Bây giờ dễ dàng hơn để thêm các giá trị ở giữa một chuỗi.

Chuỗi nội suy JavaScript: Tính toán

Mã bên trong một mẫu theo nghĩa đen là một câu lệnh JavaScript. Điều này có nghĩa là bạn có thể sử dụng các chữ cái để thực hiện các tính toán và nhúng các giá trị của chúng vào một chương trình.

Hãy để tạo ra một chuỗi tính toán giá của hai đồ uống tại một quán cà phê và đặt kết quả bên trong một chuỗi:

var drink1 = 2.30;
var drink2 = 2.20;

var bill = `The total cost of your drinks is $${drink1 + drink2}.`;

Bên trong cú pháp $ {}, chúng tôi đã thêm một phép tính. Tính toán này thêm các giá trị của hai biến JavaScript cùng nhau. Biến của chúng tôi là ROAK1 (2.30) và ROAK2 (2.20) cùng nhau. Mã của chúng tôi trả về một chuỗi với tổng của các giá trị sau:

The total cost of your drinks is $4.50.

Chuỗi nội suy JavaScript: Toán tử ternary

Các toán tử ternary JavaScript cho phép bạn đánh giá xem một câu lệnh là đúng hay sai. Chúng là một cách viết ngắn gọn hơn để viết một tuyên bố IF. Các toán tử ternary đặc biệt hữu ích nếu kết quả của câu lệnh IF chỉ sẽ chiếm một dòng mã.

Nếu một khách hàng chi hơn 4 đô la cho cà phê của họ, họ nên được trình bày với hóa đơn của họ. Sau đó, họ nên được yêu cầu tham gia Câu lạc bộ thẻ khách hàng thân thiết. Nếu không, họ chỉ nên được trình bày với hóa đơn của họ. Chúng tôi có thể sử dụng một nhà điều hành ternary để kiểm tra chi phí của hóa đơn khách hàng:

var drink1 = 2.30;
var drink2 = 2.20;
var total = drink1 + drink2;

var bill = `The total cost of your drinks is $${total}. ${total > 4.00 ? "Would you like to join our coffee club? It will earn you a free coffee for every ten that you buy." : ""}`;
console.log(bill);

Mẫu của chúng tôi theo nghĩa đen chứa hai biểu thức nhúng. Đầu tiên, chúng tôi nhúng giá trị của tổng số Total bên trong chuỗi của chúng tôi. Tiếp theo, chúng tôi sử dụng một nhà điều hành ternary để kiểm tra xem khách hàng có nên được yêu cầu tham gia Câu lạc bộ Thẻ Loyalty Coffee House hay không.

Nếu tổng giá mua trên 4,00 đô la, thông báo sau được in vào bảng điều khiển:

The total cost of your drinks is $4.50. Would you like to join our coffee club? It will earn you a free coffee for every ten that you buy.

Mặt khác, toán tử ternary của chúng tôi sẽ trả về giá trị sau đại tràng (Hồi: Hồi). Đây là giá trị được trả về khi một biểu thức đánh giá là sai.

Trong ví dụ của chúng tôi, giá trị sau đại tràng là một chuỗi trống. Điều này có nghĩa là nếu mua hàng của khách hàng dưới 4,00 đô la, chỉ có câu đầu tiên của mẫu của chúng tôi được trả lại:

The total cost of your drinks is $4.50.

Sự kết luận

Các mẫu mẫu cho phép bạn nhúng một giá trị bên trong một chuỗi. Bạn có thể thực hiện các tính toán bên trong một mẫu theo nghĩa đen. Chúng tôi tuyên bố mẫu chữ bằng cách sử dụng backticks. Các tuyên bố để đánh giá được biểu thị bằng một dấu hiệu đô la và một cặp dấu ngoặc xoăn trong đó câu lệnh xuất hiện.

Để được tư vấn về việc tìm hiểu thêm về JavaScript, hãy đọc hướng dẫn JavaScript của chúng tôi.

Về chúng tôi: Karma nghề nghiệp là một nền tảng được thiết kế để giúp người tìm việc tìm, nghiên cứu và kết nối với các chương trình đào tạo nghề để thúc đẩy sự nghiệp của họ. Tìm hiểu về ấn phẩm CK. Career Karma is a platform designed to help job seekers find, research, and connect with job training programs to advance their careers. Learn about the CK publication.

Cái gì tiếp theo?

  • Hướng dẫn can you do string interpolation in javascript? - bạn có thể thực hiện nội suy chuỗi trong javascript không?

    Muốn hành động?

    Nhận kết hợp với bootcamp hàng đầu with top bootcamps

James Gallagher

Về tác giả: James Gallagher là một lập trình viên tự học và là người quản lý nội dung kỹ thuật tại sự nghiệp Karma. Ông có kinh nghiệm về phạm vi ngôn ngữ lập trình và chuyên môn sâu rộng về Python, HTML, CSS và JavaScript. James đã viết hàng trăm hướng dẫn lập trình, và ông thường xuyên đóng góp cho các ấn phẩm như Codecademy, Treehouse, Repr.it, Afrotech, và những người khác. James Gallagher is a self-taught programmer and the technical content manager at Career Karma. He has experience in range of programming languages and extensive expertise in Python, HTML, CSS, and JavaScript. James has written hundreds of programming tutorials, and he frequently contributes to publications like Codecademy, Treehouse, Repl.it, Afrotech, and others.

Ví dụ JavaScript nội suy chuỗi là gì?

Việc nội suy chuỗi trong JavaScript được thực hiện bởi các chữ cái mẫu (các chuỗi được bọc trong backticks `) và $ {expression} như một trình giữ chỗ. Ví dụ: const number = 42; const message = `Số là $ {number}`; message; // => 'Số là 42'const number = 42; const message = `The number is ${number}`; message; // => 'The number is 42'

Tôi có thể sử dụng phép nội suy chuỗi không?

Bắt đầu với C# 10, bạn có thể sử dụng phép nội suy chuỗi để khởi tạo chuỗi không đổi.Tất cả các biểu thức được sử dụng cho người giữ chỗ phải là chuỗi không đổi.Nói cách khác, mọi biểu thức nội suy phải là một chuỗi và nó phải là một hằng số thời gian biên dịch.you can use string interpolation to initialize a constant string. All expressions used for placeholders must be constant strings. In other words, every interpolation expression must be a string, and it must be a compile time constant.

JavaScript nội suy là gì?

Nội suy chuỗi JavaScript là quá trình nhúng biểu thức vào một phần của chuỗi.Một mẫu theo nghĩa đen được sử dụng để nhúng các biểu thức.Bạn có thể thêm các giá trị như biến và tính toán toán học vào một chuỗi bằng cách sử dụng phép nội suy.the process of embedding an expression into part of a string. A template literal is used to embed expressions. You can add values such as variables and mathematical calculations into a string using interpolation.

Phương pháp nội suy chuỗi là gì?

Nội suy chuỗi là một kỹ thuật cho phép bạn chèn các giá trị biểu thức vào các chuỗi theo nghĩa đen.Nó còn được gọi là thay thế biến, nội suy biến hoặc mở rộng biến.Đó là một quá trình đánh giá các chữ cái có chứa một hoặc nhiều người giữ chỗ được thay thế bằng các giá trị tương ứng.a technique that enables you to insert expression values into literal strings. It is also known as variable substitution, variable interpolation, or variable expansion. It is a process of evaluating string literals containing one or more placeholders that get replaced by corresponding values.