Cách xuống dòng trong javascript

Posted on by mtoplistChuyên mục:Top List

Nội dung chính

Show

  • Xuống dòng trong javascript
  • Ký tự xuống dòng trong javascript
  • Xóa ký tự xuống dòng trong javascript
  • Ký tự xuống dòng trong các hệ điều hành
  • Xóa ký tự xuống dòng trong javascript
  • Tổng kết

Hướng dẫn cách xuống dòng trong JavaScript. Bạn sẽ biết cách xuống dòng trong JavaScript, cách sử dụng ký tự xuống dòng trong javascript cũng như cách xóa ký tự xuống dòng trong javascript trong bài học này.

Xuống dòng trong javascript

Về cơ bản, một
câu lệnh trong JavaScript có thể được viết trên một hoặc nhiều dòng và được kết thúc bằng cách sử dụng dấu chấm than ; ở cuối câu.
Và bạn có thể tùy ý xuống dòng trong javascript bằng cách nhấn phím ENTER khi đang viết một câu lệnh. Các khoảng trống này cũng sẽ được bỏ qua khi chương trình được xử lý.

Đây là điểm này rất khác biệt so với các ngôn ngữ khác như Python vốn dùng xuống dòng tạo bởi phím ENTER để kết thúc câu lệnh.

  • Bạn có tham khảo sự khác
    biệt tại bài viết Xuống dòng trong Python

Ví dụ, chúng ta có thể xuống dòng bên trong câu lệnh JavaScript tùy ý như sau:

let
 str1 
= 
"Hello"
;

let
 
str2 =

", Việt Nam"
;
console
.log(str1 + str2);

Kết quả của ví dụ trên cũng giống như cách viết sau:

let
 str1 = 
"Hello"
;
let
 str2 =
", Việt Nam"
;
console
.log(str1 + str2);

Kết quả

Hello, Việt Nam

Tuy nhiên, chúng ta không thể xuống dòng bằng phím ENTER ở giữa một đối tượng ( tên biến, từ khóa, chuỗi v.v..) trong JavaScript được. Do xuất hiện xuống dòng giữa đối tượng nên đã khiến đối tượng đó thay đổi tính chất. Ví dụ như tên biến bị tách làm đôi sẽ không còn là tên biến nữa.
Khi đó, lỗi sẽ xảy ra giống như các cách viết dưới đây:

le

t str1 = 
"Hello"
;  

let
 s tr1 = 
"Hello"
 ;

let
 str1 = 
"He    //xuống dòng giữa chuỗi

llo"
;

Lỗi xảy ra:

SyntaxError: Unexpected identifier

    at wrapSafe (internal/modules/cjs/loader.js:979:16)

    ....

Có một trường hợp duy nhất bạn có thể xuống dòng bởi phím ENTER ở giữa một đối tượng là nếu đối tượng đó là một câu trích dẫn được đặt giữa hai dấu trích dẫn Back quote như ví dụ sau đây mà thôi:

msg = 
`xuống dòng trong

javascript

`
;
console
.log(msg);

Lỗi không xảy ra và kết quả như sau:

xuống dòng trong

javascript

Ký tự xuống dòng trong javascript

Ở phần trên bạn đã biết có thể tùy ý xuống dòng trong
javascript bằng cách nhấn phím ENTER khi đang viết một câu lệnh. Tuy nhiên, xuống dòng trong câu lệnh sẽ bị bỏ qua khi xử lý câu lệnh đó, do đó kết quả chương trình cũng không bị xuống dòng khi in ra màn hình.
Thay vào đó, để xuống dòng khi viết chuỗi, bạn cần tới ký tự xuống dòng trong javascript.

Ký xuống dòng xuống dòng là một loại mã dùng để in xuống dòng trong javascript, có tác dụng xuống dòng giữa một chuỗi ký tự.
Ký xuống dòng trong
javascript đều giống nhau giữa các browser(IE, firefox ,chrome v.v..) và được biểu diễn bởi ký hiệu \n như ví dụ sau:

let
 country =
"Việt Nam\n vô địch"
;
console
.log(country);

Kết quả:

Việt Nam

vô địch

Xóa ký tự xuống dòng trong javascript

Ký tự xuống dòng trong các hệ điều hành

Chúng ta đã biết ký tự xuống dòng là mã lệnh để xuống dòng giữa một chuỗi ký tự. Tùy thuộc vào hệ điều hành (OS) mà ký tự xuống dòng sẽ khác nhau như bảng sau:

OSKý tự xuống dòngKý hiệuUnix
LF
\r
mac(OS X)
LF
\n
mac(OS 9)
CR
\r
Windows
CR+LF
\r\n

Ví dụ trong mac(OS X), ký tự xuống dòng được sử dụng trong chuỗi ký tự như sau:

'ký tự\nxuống dòng\ntrong javascript'
;

Hoặc trong windows, ký tự xuống dòng được sử dụng như sau

'ký tự\r\nxuống dòng\r\ntrong javascript'
;

Cả hai chuỗi trên khi in ra màn hình đều có kết quả sau:

ký tự

xuống dòng

trong javascript

Xóa ký tự xuống dòng trong javascript

Mặc dù ký tự xuống dòng trong các hệ điều hành đều khác nhau, nhưng chúng ta có thể xóa ký tự xuống dòng trong javascript với tất cả các hệ điều hành chỉ với câu lệnh dưới đây:

str.replace(/\r?\n/g, "");

Trong đó:

  • str là chuỗi chứa ký tự xuống dòng cần xóa.
  • replace(/r?n/g, '') là câu lệnh để xóa ký tự xuống dòng

Ví dụ, chúng ta xóa ký tự xuống dòng trong file text tạo trên OS Windows như sau. Giả sử trong filt text đó có chuỗi ký tự chứa ký tự xuống dòng, sau khi đọc file và lấy ra chuỗi ký tự đó, giả sử là chuỗi "Việt Nam\r\nvô địch", chúng ta sẽ tiến hành xóa ký tự xuống dòng như sau:

let
 str =
"Việt Nam\r\nvô địch"
;
let
 result = str.replace(
/\r?\n/g
, 
""
);
console
.log(str);
console
.log(
"\n"
+result);

Kết quả:

Việt Nam

vô địch


Việt Namvô địch

  • Xem thêm: Xóa ký tự trong chuỗi JavaScript

Tổng kết

Trên
đây Kiyoshi đã hướng dẫn bạn cách xuống dòng trong JavaScript, cách sử dụng ký tự xuống dòng trong javascript cũng như cách xóa ký tự xuống dòng trong javascript rồi. Để nắm rõ nội dung bài học hơn, bạn hãy thực hành viết lại các ví dụ của ngày hôm nay nhé.

Và hãy cùng tìm hiểu những kiến thức sâu hơn về JavaScript trong các bài học tiếp theo.

Viết bởi Kiyoshi. Đã đăng ký bản
quyền tác giả tại <a title=”Bạn được tự do chia sẻ bài viết nhưng phải để lại đường link bài viết từ laptrinhcanban.com. Bạn không được sử dụng tài liệu cho mục đích thương mại. Không được phép chỉnh sửa nội dung được phát hành trên website của chúng tôi” style=”color:#fff;background-color:silver” rel=”license noopener” target=”_blank” href=”https://creativecommons.org/licenses/by-nc-nd/4.0/”>Creativecommons</a> và <a title=”Bạn được tự do
chia sẻ bài viết nhưng phải để lại đường link bài viết từ laptrinhcanban.com. Bạn không được sử dụng tài liệu cho mục đích thương mại. Không được phép chỉnh sửa nội dung được phát hành trên website của chúng tôi” style=”color:#fff;background-color:silver” target=”_blank” rel=”noopener” href=”https://www.dmca.com/Protection/Status.aspx?ID=1631afcd-7c4a-467d-8016-402c5073e5cd” class=”dmca-badge”>DMCA</a><script
src=”https://images.dmca.com/Badges/DMCABadgeHelper.min.js”&gt;</p><h3 style=”font-size:15px”>Bài viết liên quan</h3><ul class=”popular-posts”><li class=”popular-posts-item”><div class=”popular-posts-title”><h3><a target=”_blank” href=”https://laptrinhcanban.com/javascript/javascript-co-ban-den-nang-cao/kien-thuc-co-ban-ve-javascript/thut-le-trong-javascript/” title=”Thụt lề trong JavaScript” rel=”bookmark”>Thụt lề trong JavaScript</a></h3></div></li><li
class=”popular-posts-item”><div class=”popular-posts-title”><h3><a target=”_blank” href=”https://laptrinhcanban.com/javascript/javascript-co-ban-den-nang-cao/kien-thuc-co-ban-ve-javascript/comment-trong-javascript/” title=”Comment trong Javascript” rel=”bookmark”>Comment trong Javascript</a></h3></div></li><li class=”popular-posts-item”><div class=”popular-posts-title”><h3><a target=”_blank”
href=”https://laptrinhcanban.com/javascript/javascript-co-ban-den-nang-cao/chuoi-trong-javascript/chuyen-chu-hoa-thanh-chu-thuong-trong-javascript/” title=”Chuyển chữ hoa thành chữ thường và ngược lại trong JavaScript (toLowerCase, toUpperCase)” rel=”bookmark”>Chuyển chữ hoa thành chữ thường và ngược lại trong JavaScript (toLowerCase, toUpperCase)</a></h3></div></li><li class=”popular-posts-item”><div class=”popular-posts-title”><h3><a
target=”_blank” href=”https://laptrinhcanban.com/javascript/javascript-co-ban-den-nang-cao/chuoi-trong-javascript/chen-ky-tu-vao-chuoi-trong-javascript/” title=”Chèn ký tự vào chuỗi trong JavaScript” rel=”bookmark”>Chèn ký tự vào chuỗi trong JavaScript</a></h3></div></li><li class=”popular-posts-item”><div class=”popular-posts-title”><h3><a target=”_blank”
href=”https://laptrinhcanban.com/javascript/javascript-co-ban-den-nang-cao/chuoi-trong-javascript/cat-chuoi-trong-javascript-substring/” title=”Cắt chuỗi trong JavaScript (javascript substring)” rel=”bookmark”>Cắt chuỗi trong JavaScript (javascript substring)</a></h3></div></li><li class=”popular-posts-item”><div class=”popular-posts-title”><h3><a target=”_blank”
href=”https://laptrinhcanban.com/javascript/javascript-co-ban-den-nang-cao/chuoi-trong-javascript/dao-nguoc-chuoi-trong-javascript/” title=”Đảo ngược chuỗi trong JavaScript” rel=”bookmark”>Đảo ngược chuỗi trong JavaScript</a></h3></div></li><li class=”popular-posts-item”><div class=”popular-posts-title”><h3><a target=”_blank”
href=”https://laptrinhcanban.com/javascript/javascript-co-ban-den-nang-cao/chuoi-trong-javascript/cat-chuoi-trong-javascript-slice/” title=”Cắt chuỗi trong JavaScript (slice)” rel=”bookmark”>Cắt chuỗi trong JavaScript (slice)</a></h3></div></li><li class=”popular-posts-item”><div class=”popular-posts-title”><h3><a target=”_blank”
href=”https://laptrinhcanban.com/javascript/javascript-co-ban-den-nang-cao/chuoi-trong-javascript/do-dai-chuoi-trong-javascript/” title=”Độ dài chuỗi trong JavaScript” rel=”bookmark”>Độ dài chuỗi trong JavaScript</a></h3></div></li></ul></div><div id=”keugoi”><span>Hãy chia sẻ và cùng lan tỏa kiến thức lập trình Nhật Bản tại Việt Nam!</span></div><section class=”icon-bar-2″ style=”border-bottom:dotted grey .3px!important”><a
target=”_blank” title=”chia sẻ qua facebook” rel=”noopener noreferrer” href=”https://www.facebook.com/sharer/sharer.php?u=https://laptrinhcanban.com/javascript/javascript-co-ban-den-nang-cao/kien-thuc-co-ban-ve-javascript/xuong-dong-trong-javascript/” class=”facebook”><i class=”fa fa-facebook”></i></a> <a target=”_blank” rel=”noopener noreferrer”
href=”https://twitter.com/intent/tweet?url=https://laptrinhcanban.com/javascript/javascript-co-ban-den-nang-cao/kien-thuc-co-ban-ve-javascript/xuong-dong-trong-javascript/” title=”chia sẻ qua twitter” class=”twitter”><i class=”fa fa-twitter”></i></a> <a target=”_blank” rel=”noopener noreferrer” href=”https://getpocket.com/edit?url=https://laptrinhcanban.com/javascript/javascript-co-ban-den-nang-cao/kien-thuc-co-ban-ve-javascript/xuong-dong-trong-javascript/” title=”chia
sẻ qua pocket” class=”pocket”><i class=”fa fa-get-pocket”></i></a> <span class=”zalo-share-button” title=”chia sẻ qua zalo” style=”margin-left:18px;margin-bottom:-3px” data-href=”https://laptrinhcanban.com/javascript/javascript-co-ban-den-nang-cao/kien-thuc-co-ban-ve-javascript/xuong-dong-trong-javascript/” data-oaid=”579745863508352884″ data-layout=”3″ data-color=”blue” data-customize=”false”></span></section><p class=”ico-folder”><a
target=”_blank” href=”https://laptrinhcanban.com/”><span itemprop=”HOME”>HOME</span></a><span class=”sya”></span>&gt;&gt; <a target=”_blank” class=”article-category-link” href=”https://laptrinhcanban.com/javascript/javascript-co-ban-den-nang-cao/”>học javascript – lập trình javascript cơ bản</a>&gt;&gt;<a target=”_blank” class=”article-category-link”
href=”https://laptrinhcanban.com/javascript/javascript-co-ban-den-nang-cao/kien-thuc-co-ban-ve-javascript/”>01. kiến thức cơ bản về chương trình javascript</a></p><nav id=”article-nav”><a target=”_blank” href=”https://laptrinhcanban.com/python/nhap-mon-lap-trinh-python/dictionary-trong-python/tao-dictionary-trong-python/” id=”article-nav-older” class=”article-nav-link-wrap” style=”float:left;text-align:right;padding-right:20px”><strong
class=”article-nav-caption”>Bài sau</strong><div class=”article-nav-title”>Tạo dictionary trong python</div></a><a target=”_blank” href=”https://laptrinhcanban.com/javascript/javascript-co-ban-den-nang-cao/chuoi-trong-javascript/khai-bao-chuoi-trong-javascript/” id=”article-nav-newer” class=”article-nav-link-wrap” style=”float:right;text-align:left;padding-left:20px”><strong class=”article-nav-caption”>Bài tiếp</strong><div
class=”article-nav-title”>Khai báo chuỗi trong JavaScript</div></a><span id=”ezoic-pub-ad-placeholder-611″ class=”ezoic-adpicker-ad”></span></nav><div id=”recent_posts_down”><div class=”widget_athemes_tabs”><ul id=”widget-tab” class=”clearfix widget-tab-nav”><li class=”active”>Bài viết mới nhất</li></ul><div class=”widget”><ul><li class=”clearfix”><div class=”widget-entry-thumbnail”><a target=”_blank”
href=”https://laptrinhcanban.com/php/nhap-mon-lap-trinh-php/chuoi-trong-php/tach-chuoi-trong-php/”><img width=”60px” height=”60px” class=”ezlazyload attachment-thumb-small size-thumb-small wp-post-image” alt=”” ezimgfmt=”rs rscb2 src ng ngcb2″ data-ezsrc=”/css/images/thumbnail_img/laptrinhcanban45.webp”></a></div><div class=”widget-entry-summary”><span style=”margin:0″><a target=”_blank”
href=”https://laptrinhcanban.com/php/nhap-mon-lap-trinh-php/chuoi-trong-php/tach-chuoi-trong-php/”>Tách chuỗi trong PHP (explode, preg_split)</a></span> <span>tháng 9 17, 2022</span></div></li><li class=”clearfix”><div class=”widget-entry-thumbnail”><a target=”_blank” href=”https://laptrinhcanban.com/php/nhap-mon-lap-trinh-php/chuoi-trong-php/cat-chuoi-trong-php/”><img width=”60px” height=”60px” class=”ezlazyload attachment-thumb-small
size-thumb-small wp-post-image” alt=”” ezimgfmt=”rs rscb2 src ng ngcb2″ data-ezsrc=”/css/images/thumbnail_img/laptrinhcanban21.webp”></a></div><div class=”widget-entry-summary”><span style=”margin:0″><a target=”_blank” href=”https://laptrinhcanban.com/php/nhap-mon-lap-trinh-php/chuoi-trong-php/cat-chuoi-trong-php/”>Cắt chuỗi trong PHP (substr, mb_substr)</a></span> <span>tháng 9 17, 2022</span></div></li><li
class=”clearfix”><div class=”widget-entry-thumbnail”><a target=”_blank” href=”https://laptrinhcanban.com/php/nhap-mon-lap-trinh-php/chuoi-trong-php/tach-chuoi-thanh-mang-trong-php/”><img width=”60px” height=”60px” class=”ezlazyload attachment-thumb-small size-thumb-small wp-post-image” alt=”” ezimgfmt=”rs rscb2 src ng ngcb2″ data-ezsrc=”/css/images/thumbnail_img/laptrinhcanban57.webp”></a></div><div class=”widget-entry-summary”><span
style=”margin:0″><a
target=”_blank” href=”https://laptrinhcanban.com/php/nhap-mon-lap-trinh-php/chuoi-trong-php/tach-chuoi-thanh-mang-trong-php/”>Tách chuỗi thành mảng trong PHP (explode)</a></span> <span>tháng 9 17, 2022</span></div></li><li class=”clearfix”><div class=”widget-entry-thumbnail”><a target=”_blank” href=”https://laptrinhcanban.com/php/nhap-mon-lap-trinh-php/chuoi-trong-php/tim-kiem-chuoi-trong-php/”><img width=”60px” height=”60px”
class=”ezlazyload attachment-thumb-small size-thumb-small wp-post-image” alt=”” ezimgfmt=”rs rscb2 src ng ngcb2″ data-ezsrc=”/css/images/thumbnail_img/laptrinhcanban43.webp”></a></div><div class=”widget-entry-summary”><span style=”margin:0″><a target=”_blank” href=”https://laptrinhcanban.com/php/nhap-mon-lap-trinh-php/chuoi-trong-php/tim-kiem-chuoi-trong-php/”>Tìm kiếm chuỗi trong PHP (strpos)</a></span> <span>tháng 9 17, 2022</span></div></li><li
class=”clearfix”><div class=”widget-entry-thumbnail”><a target=”_blank” href=”https://laptrinhcanban.com/php/nhap-mon-lap-trinh-php/chuoi-trong-php/dem-so-lan-xuat-hien-cua-ky-tu-trong-chuoi-php/”><img width=”60px” height=”60px” class=”ezlazyload attachment-thumb-small size-thumb-small wp-post-image” alt=”” ezimgfmt=”rs rscb2 src ng ngcb2″ data-ezsrc=”/css/images/thumbnail_img/laptrinhcanban52.webp”></a></div><div class=”widget-entry-summary”><span
style=”margin:0″><a target=”_blank” href=”https://laptrinhcanban.com/php/nhap-mon-lap-trinh-php/chuoi-trong-php/dem-so-lan-xuat-hien-cua-ky-tu-trong-chuoi-php/”>Đếm số lần xuất hiện của ký tự và chuỗi trong chuỗi PHP (substr_count)</a></span> <span>tháng 9 17, 2022</span></div></li><li class=”clearfix”><div class=”widget-entry-thumbnail”><a target=”_blank”
href=”https://laptrinhcanban.com/php/nhap-mon-lap-trinh-php/chuoi-trong-php/chuyen-chuoi-thanh-mang-trong-php/”><img width=”60px” height=”60px” class=”ezlazyload attachment-thumb-small size-thumb-small wp-post-image” alt=”” ezimgfmt=”rs rscb2 src ng ngcb2″ data-ezsrc=”/css/images/thumbnail_img/laptrinhcanban47.webp”></a></div><div class=”widget-entry-summary”><span style=”margin:0″><a target=”_blank”
href=”https://laptrinhcanban.com/php/nhap-mon-lap-trinh-php/chuoi-trong-php/chuyen-chuoi-thanh-mang-trong-php/”>Chuyển chuỗi thành mảng trong PHP (str_split, mb_str_split)</a></span> <span>tháng 9 17, 2022</span></div></li><li class=”clearfix”><div class=”widget-entry-thumbnail”><a target=”_blank” href=”https://laptrinhcanban.com/php/nhap-mon-lap-trinh-php/chuoi-trong-php/tach-tung-ky-tu-trong-chuoi-php/”><img width=”60px” height=”60px”
class=”ezlazyload attachment-thumb-small size-thumb-small wp-post-image” alt=”” ezimgfmt=”rs rscb2 src ng ngcb2″ data-ezsrc=”/css/images/thumbnail_img/laptrinhcanban47.webp”></a></div><div class=”widget-entry-summary”><span style=”margin:0″><a target=”_blank” href=”https://laptrinhcanban.com/php/nhap-mon-lap-trinh-php/chuoi-trong-php/tach-tung-ky-tu-trong-chuoi-php/”>Tách từng ký tự trong chuỗi PHP (substr, preg_split)</a></span> <span>tháng 9
17, 2022</span></div></li><li class=”clearfix”><div class=”widget-entry-thumbnail”><a target=”_blank” href=”https://laptrinhcanban.com/php/nhap-mon-lap-trinh-php/chuoi-trong-php/xoa-ky-tu-trong-chuoi-php/”><img width=”60px” height=”60px” class=”ezlazyload attachment-thumb-small size-thumb-small wp-post-image” alt=”” ezimgfmt=”rs rscb2 src ng ngcb2″ data-ezsrc=”/css/images/thumbnail_img/laptrinhcanban15.webp”></a></div><div
class=”widget-entry-summary”><span style=”margin:0″><a target=”_blank” href=”https://laptrinhcanban.com/php/nhap-mon-lap-trinh-php/chuoi-trong-php/xoa-ky-tu-trong-chuoi-php/”>Xóa ký tự trong chuỗi PHP</a></span> <span>tháng 9 15, 2022</span></div></li></ul></div></div></div><footer class=”entry-meta entry-footer”></footer><hr class=”entry-footer-hr”></div><div id=”profiletitle2″>Profile</div><div
id=”profileblock2″><div id=”profilephoto2″><a target=”_blank” rel=”noopener” href=”https://www.facebook.com/mr.nchita”><img width=”100″ height=”100″ alt=”きよしです！笑” ezimgfmt=”rs rscb2 src ng ngcb2″ class=”ezlazyload” data-ezsrc=”/css/images/kiyoshi.webp”></a></div><div id=”profiletext2″><p>Tác giả : <a href=”https://www.facebook.com/mr.nchita” target=”_blank” rel=”nofollow noopener”>Kiyoshi (Chis Thanh)</a></p><p>Kiyoshi là một
<a href=”https://www.youtube.com/c/ChisThanh” target=”_blank” rel=”nofollow noopener”>cựu du học sinh tại Nhật Bản</a>. Sau khi tốt nghiệp đại học Toyama năm 2017, Kiyoshi hiện đang làm BrSE tại Tokyo, Nhật Bản.<span id=”ezoic-pub-ad-placeholder-196″ class=”ezoic-adpicker-ad”></span></p></div></div></div></article><aside id=”sidebar”><div id=”sidebar_first”><div class=”search” style=”margin-top:-30px”><div
id=”fb-root”></div><script async defer crossorigin=”anonymous” src=”https://connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v12.0&appId=3084959888222500&autoLogAppEvents=1″ nonce=”KPkvxeh4″>

Cách xuống dòng trong javascript

mtoplist