Cách sử dụng dấu gạch nối trong JavaScript

Đưa ra một chuỗi chứa dấu gạch ngang (-) và nhiệm vụ là chuyển đổi dấu gạch nối (-) thành kiểu chữ hoa lạc đà của chuỗi bằng JavaScript

Tiếp cận.  

  • Lưu trữ chuỗi chứa dấu gạch ngang vào một biến
  • Sau đó, sử dụng RegExp để thay thế các dấu gạch nối và viết hoa chữ cái đầu tiên của từ

ví dụ 1. Ví dụ này chuyển đổi dấu gạch ngang (‘-‘) thành trường hợp lạc đà bằng cách sử dụng phương thức RegExp và replace().   

html




<h1 style="color:green;">

    GeeksforGeeks

h1>

h11

<h13 h14=___h16>

h13>

h11

h11

<style4 style5=style7_______13_______

    =0

style4>

h11

<h13 h14==9_______13_______

h13>

h11

h11

<"color:green;"7>

    >0

    >2

>3

    >5

>3

    >8

>3

        1

    2_______14_______3

    4    5

        7

"color:green;"7>

đầu ra.  

Cách sử dụng dấu gạch nối trong JavaScript

Làm cách nào để chuyển đổi dấu gạch nối thành trường hợp lạc đà trong JavaScript?

ví dụ 2. Ví dụ này khá giống với ví dụ trước và chuyển đổi dấu gạch nối (‘-‘) thành kiểu chữ lạc đà bằng cách sử dụng phương thức RegExp và replace()

Thuộc tính CSS hyphens chỉ định cách gạch nối các từ khi văn bản ngắt dòng trên nhiều dòng. Nó có thể ngăn gạch nối hoàn toàn, gạch nối tại các điểm được chỉ định thủ công trong văn bản hoặc để trình duyệt tự động chèn dấu gạch nối khi thích hợp

Ghi chú. Trong demo trên, chuỗi "Một từ tiếng Anh cực kỳ dài. " chứa ký tự ­ (gạch nối mềm) ẩn. An extra­ordinarily long English word!. Ký tự này được sử dụng để chỉ ra một vị trí tiềm năng để chèn dấu gạch nối khi hyphens: manual; được chỉ định

Quy tắc gạch nối là ngôn ngữ cụ thể. Trong HTML, ngôn ngữ được xác định bởi thuộc tính lang và các trình duyệt sẽ chỉ gạch nối nếu có thuộc tính này và có sẵn từ điển gạch nối phù hợp. Trong XML, thuộc tính xml:lang phải được sử dụng

Ghi chú. Các quy tắc xác định cách thực hiện gạch nối không được xác định rõ ràng bởi thông số kỹ thuật, do đó, gạch nối chính xác có thể khác nhau giữa các trình duyệt

Nếu được hỗ trợ, có thể sử dụng

hyphens = 
none |
manual |
auto

0 để chỉ định một ký tự gạch nối thay thế sẽ sử dụng ở cuối dòng bị ngắt

/* Keyword values */
hyphens: none;
hyphens: manual;
hyphens: auto;

/* Global values */
hyphens: inherit;
hyphens: initial;
hyphens: revert;
hyphens: revert-layer;
hyphens: unset;

Thuộc tính hyphens được chỉ định là một giá trị từ khóa duy nhất được chọn từ danh sách bên dưới

hyphens = 
none |
manual |
auto

2

Các từ không bị ngắt khi ngắt dòng, ngay cả khi các ký tự bên trong các từ gợi ý các điểm ngắt dòng. Các dòng sẽ chỉ bao bọc ở khoảng trắng

hyphens = 
none |
manual |
auto

3

Các từ bị ngắt dòng chỉ khi các ký tự bên trong từ gợi ý các cơ hội ngắt dòng. Xem bên dưới để biết chi tiết

hyphens = 
none |
manual |
auto

4

Trình duyệt có thể tự động ngắt các từ tại các điểm gạch nối thích hợp, tuân theo bất kỳ quy tắc nào mà trình duyệt chọn. Tuy nhiên, các cơ hội ngắt dòng được đề xuất (xem bên dưới) sẽ ghi đè lựa chọn điểm ngắt tự động khi xuất hiện

Ghi chú. Hành vi của cài đặt

hyphens = 
none |
manual |
auto

4 tùy thuộc vào ngôn ngữ được gắn thẻ chính xác để chọn quy tắc gạch nối phù hợp. Bạn phải chỉ định một ngôn ngữ sử dụng thuộc tính HTML lang để đảm bảo rằng dấu gạch nối tự động được áp dụng trong ngôn ngữ đó

Có hai ký tự Unicode được sử dụng để chỉ định thủ công các điểm ngắt dòng tiềm năng trong văn bản

U+2010 (HYPHEN)

Ký tự gạch nối "cứng" biểu thị cơ hội ngắt dòng có thể nhìn thấy. Ngay cả khi dòng không thực sự bị hỏng tại thời điểm đó, dấu gạch nối vẫn được hiển thị

U+00AD (RẺ)

Một gạch nối vô hình, "mềm". Ký tự này không được hiển thị rõ ràng; . Trong HTML, sử dụng ­ để chèn dấu gạch nối mềm

Ghi chú. Khi phần tử HTML

hyphens = 
none |
manual |
auto

8 dẫn đến ngắt dòng, không có dấu gạch nối nào được thêm vào

Giá trị ban đầu_______0_______3Áp dụng cho tất cả các phần tửKế thừaYesGiá trị được tính toán như đã chỉ địnhKiểu hoạt ảnhrời rạc

Bạn có thể sử dụng dấu gạch nối trong JavaScript không?

Dấu gạch nối không được phép trong tên JavaScript .

Dấu gạch nối trong JavaScript là gì?

Thuộc tính dấu gạch nối xác định xem có cho phép gạch nối để tạo thêm cơ hội ngắt dòng mềm trong một dòng văn bản hay không .

Làm cách nào để tách một chuỗi có dấu gạch nối trong JavaScript?

Trong bài viết này, chúng tôi xin hướng dẫn các bạn cách tách chuỗi bằng dấu gạch ngang trong JavaScript. Hàm tách chuỗi() nhận ký tự tham số mà theo đó chuỗi sẽ được chia thành một mảng các chuỗi con . Kết quả của String split() chúng ta có một mảng. Để truy cập một phần tử, chúng ta chỉ cần lấy một phần tử theo chỉ mục của nó.

Làm cách nào để tách chuỗi trên dấu gạch nối đầu tiên trong JavaScript?

Sử dụng phương thức split() để tách chuỗi bằng dấu gạch nối , e. g. str. tách ra('-'). Phương thức split lấy dấu phân cách làm tham số và phân tách chuỗi theo dấu phân cách được cung cấp, trả về một mảng các chuỗi con.