Làm cách nào để thay đổi dấu ngoặc kép thành dấu ngoặc đơn trong JavaScript?

Bạn đã thấy cả 'single quotes' và "double quotes" được sử dụng để viết chuỗi trong JavaScript. Bạn đang băn khoăn không biết chúng có gì khác biệt. Có một sở thích hơn khác?

Họ là những điều tương tự

Trong JavaScript, chuỗi là một dãy các ký tự được đặt trong dấu nháy đơn hoặc kép. Việc lựa chọn phong cách trích dẫn là tùy thuộc vào lập trình viên và một trong hai phong cách không có ngữ nghĩa đặc biệt so với phong cách kia. Không có loại cho một ký tự trong JavaScript - mọi thứ luôn là một chuỗi

'abc' === "abc"

Chiến lược lựa chọn ký tự trích dẫn có thể giúp bạn thoát khỏi các ký tự ' hoặc " bên trong chuỗi. Ví dụ: khi lưu trữ một đoạn mã HTML trong một biến, bạn có thể sử dụng " cho các giá trị thuộc tính HTML nếu bạn sử dụng ' để đặt chuỗi JavaScript

const div = '
...
'

Hãy nhớ rằng trong JSON, ký tự trích dẫn duy nhất được phép là dấu ngoặc kép

{
    "in_json": "you_use_only_double_quotes"
}

Dấu nháy đơn phổ biến hơn

Kiểm tra một vài kho lưu trữ nguồn của các dự án JavaScript phổ biến cho thấy rằng dấu nháy đơn được ưa chuộng hơn dấu nháy kép

ProjectDominant quote stylelodash'- 99% trích dẫnphấn'- 100% trích dẫnphản ứng'- 90% yêu cầu trích dẫn'- 97% trích dẫnchỉ huy. js'- 97% trích dẫn khoảnh khắc'- 90% trích dẫn express_______6_______- 92% trích dẫnstslib"- 100% trích dẫngỡ lỗi'- 97% trích dẫnnode-fs-extra'- 98% trích dẫnaxios'- 81% trích dẫnSử dụng ký tự trích dẫn trong các dự án phổ biến

Thực tế là các thư viện giao diện người dùng có nhiều dấu ngoặc kép hơn các thư viện khác có thể liên quan đến sự hiện diện của các đoạn HTML

Nhìn vào một số hướng dẫn về phong cách cho thấy một cách tiếp cận hỗn hợp, khoảng một nửa đề xuất dấu nháy đơn và nửa còn lại đề xuất dấu ngoặc kép

• ủng hộ đẹp hơn " dấu ngoặc kép theo mặc định
• gjslint (Google Closure Linter) ủng hộ ' dấu nháy đơn
• tiêu chuẩn (gói NPM), ủng hộ dấu nháy đơn '
• jslint ủng hộ " dấu ngoặc kép theo mặc định
• eslint ủng hộ " dấu ngoặc kép theo mặc định
• Người đóng góp TypeScript Nguyên tắc mã hóa ủng hộ dấu ngoặc kép "

Gắn bó với một và giữ cho nó phù hợp

Để tránh phải lựa chọn mỗi khi sắp viết một chuỗi, bạn nên chọn một phong cách và gắn bó với phong cách đó. Nếu nhóm của bạn vẫn đang quyết định - hãy chọn các trích dẫn đơn, chúng phổ biến hơn. Trong ES6, bạn sẽ có tùy chọn thứ ba để đính kèm chuỗi - chuỗi

{
    "in_json": "you_use_only_double_quotes"
}

6

Những bài viết liên quan

• Giải thích cẩu biến
• Tôi có nên sử dụng toán tử so sánh đẳng thức === hoặc == trong JavaScript không?
• Hiểu thuộc tính nguyên mẫu trong JavaScript

Nút không đợi cuộc gọi cơ sở dữ liệu của bạn kết thúc?

Tìm hiểu cách cuộc gọi không đồng bộ hoạt động và làm cho ứng dụng của bạn chạy như bạn dự định. Nhận khóa học email ngắn về tính không đồng bộ và hai chương từ Hoàn thiện ứng dụng nút của bạn

Tôi có nên sử dụng ‘ ’ hoặc “ ” cho các chuỗi trong JavaScript không? . một trong hai ký tự trích dẫn giống hệt nhau ngoại trừ khi tự thoát

Ảnh của John Fornander trên Bapt

“Dấu nháy đơn và nháy kép hoạt động giống hệt nhau trong JavaScript. ” — Matthew Holman trong CloudBoost

B các dấu ngoặc đơn khác ('') dấu ngoặc kép ("") được sử dụng thường xuyên trong JavaScript để tạo chuỗi ký tự.

Một chữ là một từ khác cho một giá trị, trái ngược với một tham chiếu, sẽ được biểu thị bằng tên biến

Chỉ có một sự khác biệt duy nhất giữa việc sử dụng dấu ngoặc đơn ('') và dấu ngoặc kép ("") trong JavaScript và tùy thuộc vào ký tự trích dẫn nào bạn phải thoát bằng ký tự dấu gạch chéo ngược (\). \' hoặc \"

Ảnh của João Silas trên Bapt'Trích dẫn đơn "thoát" trích dẫn đơn'

W khi sử dụng dấu nháy đơn ('') để tạo chuỗi ký tự, thì ký tự trích dẫn đơn cần được thoát bằng dấu gạch chéo ngược (\').

Ảnh của Priscilla Du Preez trên Bapt"Dấu ngoặc kép 'thoát khỏi' dấu ngoặc kép"

W khi sử dụng dấu ngoặc kép "" để tạo chuỗi ký tự, ký tự dấu ngoặc kép cần được thoát bằng dấu gạch chéo ngược. \".

Ảnh của Frank Mckenna trên Bapt“ ”3

E hai dấu nháy kép "" hoặc dấu nháy đơn '' cạnh nhau có thể đại diện cho một chuỗi trống không chứa ký tự nào cả.

Ảnh của Mimi Thian trên Bapt `backticks` có phải là giải pháp tốt hơn không?

Một Tính năng ES6 được gọi là mẫu chữ, chữ backtick hoặc backticks sử dụng dấu gạch ngược “ ”6 thay vì một dấu nháy đơn '' hoặc dấu nháy kép "".

“Chữ mẫu là chữ chuỗi cho phép các biểu thức được nhúng. Bạn có thể sử dụng các tính năng nội suy chuỗi và chuỗi nhiều dòng với chúng. ” — Tài liệu MDN

Backtick (“ ”9) theo nghĩa đen có 3 lợi thế lớn

1. Nối chuỗi dễ dàng hơn (“nội suy biến”)
   ''0 trở thành ''1
2. Không cần thoát (\) dấu nháy đơn hoặc kép
   ''3 trở thành ''4
3. Mã nhiều dòng không có ký tự dòng mới (''5)
   ''6 trở thành ''7

Backticks cũng hoạt động tốt hơn cho HTML

Các ký tự backtick cũng nhanh như các ký tự chuỗi khác, cho dù bạn có biên dịch chúng bằng Babel hay không. Vậy tại sao không sử dụng backticks “ ”6 để thay thế?

Ảnh của Greg Raines trên BaptĐừng quên JSON

J AvaScript Object Notation (JSON), định dạng lưu trữ dữ liệu nhẹ, chỉ cho phép dấu ngoặc kép.

Nếu tôi tình cờ sao chép qua lại từ tệp JavaScript sang tệp JSON, thì việc chỉ sử dụng dấu ngoặc kép sẽ giúp tôi nhất quán

Điều này khá hiếm — tôi chỉ cố gắng nhớ không sử dụng dấu nháy đơn trong JSON

Khi xử lý các tệp JSON từ bên trong JavaScript, các hàm stringify() và parse() đã biết về dấu ngoặc kép

Như bạn có thể thấy từ đoạn mã, các trích dẫn đơn phá vỡ phân tích cú pháp JSON

Lý do kỹ thuật liên quan đến đặc tả JSON (), yêu cầu dấu ngoặc kép làm ký tự chuỗi JSON

Ảnh của Kyle Broad trên Bapt Có gì sai khi sử dụng cả 3?

Y es, sẽ không có gì sai khi sử dụng “ ” theo mặc định, ‘ ’ cho các chuỗi bao gồm dấu ngoặc kép và ` ` cho bao gồm các biến hoặc nhiều dòng.

Tùy thuộc vào sở thích cá nhân, mặc dù nhiều người vận động để chọn một và sử dụng nó một cách nhất quán khi tạo chuỗi JavaScript

Ví dụ: thích dấu ngoặc đơn (‘ ’), tránh dấu ngoặc kép (“ ”) và ít sử dụng ký tự backtick (` `)

Sử dụng dấu nháy đơn '' cho chuỗi. —

Ảnh của Wellington Sanipe trên BaptSử dụng ESLint để đảm bảo tính nhất quán

Nếu kiểu trích dẫn nhất quán trong JavaScript quan trọng đối với bạn, giống như đối với các kỹ sư tại Airbnb, thì bạn có thể dễ dàng khắc phục bằng ESLint.

• Quy tắc ESLint ""0 có thể yêu cầu sử dụng dấu ngoặc kép (mặc định), dấu ngoặc đơn hoặc dấu gạch ngược bất cứ khi nào có thể
• Quy tắc trích dẫn cũng có thể thực thi một loại trích dẫn trừ khi chuỗi chứa ký tự trích dẫn sẽ phải được thoát nếu không
• Và cuối cùng, ESLint có thể yêu cầu dấu ngoặc đơn hoặc dấu ngoặc kép nhưng vẫn cho phép chuỗi sử dụng ký tự backtick

Ảnh của Samuel Son trên Bapt Dùng đẹp hơn và không cần lo lắng về điều đó nữa

Một giải pháp dễ dàng hơn (hoặc hỗ trợ) để sử dụng ESLint nhằm giữ cho các kiểu trích dẫn nhất quán là sử dụng định dạng tự động đẹp hơn.

Khi bật đẹp hơn, mặc định là dấu ngoặc kép, nhưng yêu cầu dấu nháy đơn chỉ cần bật tắt — ít nhất là khi sử dụng đẹp hơn tại CodeSandbox. io

Ngoài ra còn có một phần mở rộng VSCode có sẵn cho đẹp hơn

Ảnh của freestocks. org trên BaptSở thích cá nhân của tôi

Tôi có xu hướng kết hợp các dấu ngoặc kép và ký tự backtick trong mã của mình, mặc dù tôi đã cân nhắc chỉ sử dụng ký tự backtick.

Tôi sử dụng đẹp hơn với cài đặt trích dẫn kép (“ ”) mặc định mà tôi đã quen sử dụng

Mặc dù tôi hiểu tính hữu ích của tính nhất quán trong mã hóa, nhưng tôi không nghĩ các ký tự trích dẫn quá quan trọng trong sơ đồ tổng thể của mọi thứ.

Nếu có bất cứ điều gì, chúng ta nên luôn chọn các ký tự backtick (` `) vì những lợi thế của chúng xung quanh phép nội suy và chuỗi nhiều dòng

Ảnh của Eli DeFaria trên BaptTài nguyên bổ sung

• Panu Pitkämäki đã viết tại ByteArcher về phong cách trích dẫn trong JavaScript

Tôi có nên sử dụng 'dấu nháy đơn' hoặc "dấu nháy kép" cho các chuỗi trong JavaScript

Bạn đã thấy cả 'dấu nháy đơn' và "dấu nháy kép" được sử dụng để viết chuỗi trong JavaScript. Bạn đang thắc mắc liệu chúng…

kẻ phá bĩnh. com

• Slate giải thích việc sử dụng trích dẫn đơn và kép bằng tiếng Anh, bằng tiếng Anh đơn giản

Trích dẫn đơn hoặc trích dẫn kép?

Nếu bạn là người Mỹ, việc sử dụng dấu ngoặc kép khó có thể đơn giản hơn. Luôn sử dụng dấu ngoặc kép trừ khi…

phiến đá. com

• Tania Rascia đã viết tại DigitalOcean về cách sử dụng chuỗi JavaScript

Cách làm việc với chuỗi trong JavaScript. DigitalOcean

Chuỗi là một chuỗi gồm một hoặc nhiều ký tự có thể bao gồm các chữ cái, số hoặc ký hiệu. Chuỗi trong…

www. kỹ thuật số. com

• W3Schools liệt kê tất cả các ký tự dấu gạch chéo ngược (thoát) trong JavaScript

Chuỗi JavaScript

Các hướng dẫn xây dựng Web được tổ chức tốt và dễ hiểu với rất nhiều ví dụ về cách sử dụng HTML, CSS, JavaScript…

www. w3schools. com

Ảnh của Paolo Nicolello trên Bapt

Tiến sĩ. Derek Austin là tác giả của Lập trình nghề nghiệp. Làm thế nào bạn có thể trở thành một lập trình viên có thân hình 6 con số thành công trong 6 tháng, hiện đã có trên Amazon

Làm cách nào để thay thế dấu ngoặc kép thành dấu ngoặc đơn trong JavaScript?

Làm cách nào để đưa ra một trích dẫn trong JavaScript?

Làm cách nào để thay thế dấu ngoặc kép trong JavaScript?

Làm cách nào để xóa dấu ngoặc kép khỏi chuỗi trong JavaScript?