Để nối một chuỗi trong JavaScript, bạn có thể sử dụng 1) Sử dụng + toán tử 2) Sử dụng các ký tự mẫu 3) Sử dụng phương thức concat () 4) Sử dụng phương thức join ().

Bạn đang xem : js thêm vào chuỗi

Để biểu diễn các ký tự trong JavaScript, bạn có thể sử dụng Đối tượng Chuỗi. Mọi thứ trong JavaScript đều là một Đối tượng. Đối tượng String được sử dụng để biểu diễn chuỗi ký tự. Chuỗi là một đối tượng bất biến và không thể thay đổi sau khi chúng ta tạo nó. Hãy xem cách kết hợp hai chuỗi và nối một chuỗi vào một chuỗi bằng nhiều cách tiếp cận.

Chuỗi nối thêm JavaScript

Để nối một chuỗi trong JavaScript,

  1. Sử dụng + toán tử

  2. Sử dụng các ký tự mẫu

  3. Sử dụng phương thức concat ()

  4. Sử dụng phương thức join ()

Toán tử +

Toán tử + hoặc concate được sử dụng để nối hai chuỗi. Nếu bên trái của toán tử + là một chuỗi, JavaScript sẽ buộc bên phải thành một chuỗi.

Trong JavaScript, phép nối “+” hoạt động bằng cách tạo một đối tượng Chuỗi mới.

  

let str = "Maeve:";

str + = "Wiley";

console.log (str);

Đầu ra

  Maeve: Wiley  

Bạn có thể thấy rằng chúng tôi đã thêm chuỗi “ Wiley ” vào chuỗi “ Maeve ”.

Các toán tử + và + = rất nhanh trên các công cụ JavaScript hiện đại; đó là lý do tại sao chúng tôi sử dụng chúng để nối chuỗi.

Sử dụng ký tự mẫu

Các ký tự mẫu là các ký tự chuỗi tạo ra các biểu thức kèm theo. Bạn có thể sử dụng các chuỗi nhiều dòng và các tính năng nội suy chuỗi với chúng.

Trước các chuỗi mẫu, đây là đầu ra của chuỗi sau.

  

let fn = "Krunal"

let country = "India"

console.log ("Xin chào, tôi là" + fn + "và tôi đến từ" + quốc gia);

Đầu ra

  Xin chào, tôi là Krunal và tôi đến từ Ấn Độ  

Bạn có thể thấy rằng mã này không dễ đọc và bạn có thể mắc lỗi nếu không cẩn thận. Nó là một mớ hỗn độn và cồng kềnh.

Để giải quyết vấn đề này, chúng tôi có thể sử dụng các ký tự của mẫu, giúp mọi thứ trở nên cực kỳ dễ dàng.

  

let fn = "Krunal"

let country = "India"

console.log (`` Xin chào, tôi là $ {fn} và tôi đến từ $ {country} `);

Đầu ra

  Xin chào, tôi là Krunal và tôi đến từ Ấn Độ  

Các ký tự mẫu có thể chứa trình giữ chỗ và chúng được biểu thị bằng ký hiệu đô la và dấu ngoặc nhọn ( $ {biểu thức} ).

Các biểu thức trong trình giữ chỗ và văn bản giữa dấu gạch ngược (“) được chuyển cho một hàm.

Bạn có thể thấy rằng nó trả về cùng một đầu ra với toán tử +, nhưng dễ đọc hơn và dễ hiểu hơn.

Sử dụng phương thức concat ()

Chuỗi concat () là một phương thức JavaScript được tích hợp sẵn, nhận một hoặc nhiều tham số và trả về chuỗi đã sửa đổi. Bạn có thể sử dụng phương thức concat () để nối hoặc nối các chuỗi.

Xem Thêm  SQL lấy tháng kể từ ngày - trích xuất tháng kể từ ngày trong sql

Các chuỗi là bất biến trong JavaScript, vì vậy concat () không sửa đổi chuỗi tại chỗ.

  

const dt1 = "Otis";

const dt2 = dt1.concat ("", "Milburne");

console.log (dt1);

console.log (dt2);

Đầu ra

  Otis
Otis Milburne  

Như bạn có thể thấy rằng chúng tôi đã thêm chuỗi “Milburne” vào chuỗi “Otis” bằng phương thức string.concat ().

Một nhược điểm của việc sử dụng phương thức string.concat () là đầu vào phải là một chuỗi. Nếu tham số đầu vào là null và bạn gọi hàm concat (), nó sẽ trả về TypeError .

  

const dt1 = null;

const dt2 = dt1.concat ("", "Milburne");

console.log (dt1);

console.log (dt2);

Đầu ra

  

/Users/krunal/Desktop/code/node-examples/es/app.js:10

const dt2 = dt1.concat ("", "Milburne");

^

TypeError: Không thể đọc thuộc tính 'concat' của null

Trong đầu ra, chúng tôi nhận được TypeError: Không thể đọc thuộc tính ‘concat’ của null. Đây là lý do tại sao phương thức concat () hiếm khi được sử dụng vì nó có nhiều trường hợp lỗi hơn toán tử +.

Trường hợp sử dụng tốt nhất của phương thức concat () là gọi nó trên một chuỗi rỗng.

  

console.log (''. concat ('Data', '', 'Science'));

Đầu ra

  Khoa học dữ liệu  

Cách nối một mảng vào chuỗi trong JavaScript

Để nối một mảng vào một chuỗi trong JavaScript, hãy sử dụng phương thức string.concat (). Phương thức concat () được sử dụng để kết hợp một chuỗi với mảng. Khi bạn chuyển một mảng dưới dạng tham số, nó sẽ chuyển đổi các mục của mảng thành một chuỗi được phân tách bằng dấu phẩy.

  

const langs = ["Python", "JavaScript", "R"];

console.log ('Ngôn ngữ của tôi là' .concat (langs));

Đầu ra

  Ngôn ngữ của tôi là Python, JavaScript, R  

Bạn có thể thấy rằng chúng tôi đã thêm tất cả các phần tử của mảng vào chuỗi, trông giống như một chuỗi hoàn chỉnh trong đầu ra.

Đã có thời gian khi nối các chuỗi vào một mảng và hoàn tất chuỗi bằng cách sử dụng hàm join () được coi là phương pháp nhanh nhất và tốt nhất. Ngày nay, các trình duyệt có quy trình chuỗi siêu tối ưu hóa và chúng tôi khuyên bạn nên sử dụng (toán tử kết hợp) + + = là cách nhanh nhất và tốt nhất.

Nối chuỗi Javascript so với +

Sự khác biệt chính giữa String concat () và + toán tử là nếu bạn đang sử dụng một số nguyên dưới dạng một chuỗi, bạn cần sử dụng toán tử + để nối các chuỗi. Nếu bạn sử dụng phương thức concat () thì nó có thể gặp lỗi.

Bạn cũng nên sử dụng các toán tử nối chuỗi (+, + =) thay vì phương thức String.concat () vì lý do hiệu suất để nối hoặc nối các chuỗi.

Sử dụng phương thức join ()

Tham gia mảng () là một phương thức tích hợp để kết hợp các mục của mảng và trả về một chuỗi. Các mục sẽ được phân tách bằng dấu phân cách được chỉ định. Dấu phân tách mặc định là dấu phẩy (,). Nếu bạn đang làm việc với một mảng, thì việc thêm các chuỗi bổ sung sẽ có lợi.

  

const spain = "Hola";

const belgium = "Xin chào";

const Thụy Sĩ = ['Những người chiến thắng khác là', Tây Ban Nha, Bỉ];

const italy = "kem chho";

Thụy Sĩ.push (Ý);

console.log (Thụy Sĩ.join (''));

Đầu ra

  Những người chiến thắng khác là Hola Hello kem chho  

Bạn có thể thấy rằng chúng tôi đã thêm các phần tử của mảng và chuyển đổi chúng thành một chuỗi bằng phương thức join ().

Xem Thêm  Làm thế nào để sử dụng iframe trong html? - mã cho iframe trong html

Đó là nó cho hướng dẫn này.

Tác giả Krunal Lathiya

Krunal Lathiya là Kỹ sư Công nghệ Thông tin được đào tạo bài bản và là nhà phát triển web chuyên nghiệp. Anh ấy đã làm việc với nhiều nền tảng back-end, bao gồm Node.js, PHP và Python. Ngoài ra, Krunal có kiến ​​thức tuyệt vời về các công nghệ Front-end và backend bao gồm React, Angular và Vue.js và anh ấy là chuyên gia về Ngôn ngữ JavaScript.


Xem thêm những thông tin liên quan đến chủ đề js thêm vào chuỗi

How to reverse a String in JavaScript Tutorial

alt

  • Tác giả: codebubb
  • Ngày đăng: 2019-02-04
  • Đánh giá: 4 ⭐ ( 4618 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: In this tutorial, you’ll learn how to reverse a string in JavaScript including a way to do it with using a for loop which is helpful if you get asked to solve this challenge at interview. Get my free 32 page eBook of JavaScript HowTos 👉 https://bit.ly/2ThXPL3

    Other videos in the JavaScript Snippets series:

    How to find the longest word in a String with JavaScript: https://youtu.be/j9cAav7VIv4
    Find the largest number in an array JavaScript Tutorial: https://youtu.be/fOFSmCjvcFY
    Check if a String is a palindrome with JavaScript Tutorial: https://youtu.be/_KE_yCKBqUA
    Javascript String Length: How to determine the size of a string: https://youtu.be/OO0_9gq8NNI
    JavaScript join method: How to merge arrays into one value: https://youtu.be/90MVWda5DlM
    JavaScript How To Remove An Item From Array Tutorial: https://youtu.be/UvohHcj9I-s
    Javascript How To Convert String To Number Tutorial: https://youtu.be/K-Twvsg3K_M
    JavaScript Create HTML Element: How to dynamically add tags to your pages: https://youtu.be/VsXCK_2DJzA
    JavaScript String Contains: How to check a string exists in another: https://youtu.be/uLT9iPccVZs
    Link JavaScript to HTML: How to run your JavaScript code in the browser: https://youtu.be/821C5aJ3SLM
    JavaScript Copy Array: How to make an exact copy of an array in JavaScript: https://youtu.be/5rybkWfeh-A
    JavaScript Capitalize First Letter: How to make strings and arrays sentence case: https://youtu.be/8IEI-7fj2j4
    Javascript Print To Console Tutorial: Different ways to output data to the console: https://youtu.be/pkFbigsR7jI
    Don’t forget to subscribe to the Junior Developer Central channel for more videos and tutorials!

    Whilst it’s not the most common of tasks to do as a Junior Developer, finding out how to reverse a string in JavaScript is handy to know as it introduces you to a few new concepts in terms of handling arrays.

    But wait!? A string isn’t an array!

    You’re right it’s not but unfortunately for us there is no in-built function in JavaScript which will help you reverse a string in JavaScript. For example, you can’t just call str.reverse() to get a reversed version of the string.

    However, as you’ll discover in the video, arrays in JavaScript do have a reverse function available to them. So if we could convert a string in to an array (with each item in the array being a character from the string) we could then reverse it easily with the Array.prototype.reverse() function.

    In the tutorial you’ll learn how to do exactly this by using the split() function on the original string and then using the join() function to re-assemble it once it’s been reversed.

    You’ll see that this process is very simply however sometimes you’ll be asked (perhaps at a job interview) how to reverse a string in JavaScript without using reverse method. In this instance, the interviewers are checking you can handle basic algorithmic challenges without relying on inbuilt functions.

    So, in order to learn how to reverse a string in JavaScript without using reverse method, in the video we’ll discuss how to reverse a string in JavaScript with for loops. Whilst this isn’t the most elegant of ways to do it, it is fairly straightforward and it’s always good to know different ways of accomplishing the same task.

Chuỗi promise trong JavaScript

  • Tác giả: completejavascript.com
  • Đánh giá: 5 ⭐ ( 3482 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Chuỗi promise hay promise chaining là một cách viết code giúp bạn xử lý các hành động bất đồng bộ tốt hơn. tránh được hiện tượng callback hell. Điều này giúp quản lý code tốt hơn.

Xử lý chuỗi trong JavaScript

  • Tác giả: viblo.asia
  • Đánh giá: 4 ⭐ ( 6421 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Xử lý chuỗi trong JavaScript là một kỹ năng cơ bản mà bất kì devjs nào cũng cần biết, tương tự như anh array, String cũng được các nhà phát triển liên tục cải tiến và cập nhật. Đến nay chắc cũng phải…

Các hàm xử lý chuỗi trong Javascript (cắt / tách / nối chuỗi ..)

  • Tác giả: freetuts.net
  • Đánh giá: 5 ⭐ ( 9897 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Tồng hợp Các hàm xử lý chuỗi trong Javascript, thực hành các bài tập liên quan đến hàm xử lý chuỗi trong javascript bằng hàm

Thêm ký tự vào chuỗi trong JavaScript (padStart,padEnd)

  • Tác giả: laptrinhcanban.com
  • Đánh giá: 4 ⭐ ( 5333 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Hướng dẫn cách thêm ký tự vào chuỗi trong JavaScript. Bạn sẽ học được cách thêm ký tự vào đầu hoặc cuối chuỗi trong JavaScript cho tới khi đạt đủ độ dài chỉ định bằng các phương thức như padStart

Thêm ký tự vào một chuỗi trong Javascript

  • Tác giả: qastack.vn
  • Đánh giá: 3 ⭐ ( 1231 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: [Tìm thấy giải pháp!] var text =””; for (var member in list) { text += list[member]; }

Các hàm xử lý chuỗi trong Javascript

  • Tác giả: toidicode.com
  • Đánh giá: 3 ⭐ ( 2543 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Chuỗi – String là một thứ không thể thiếu trong một ngôn ngữ và đi kèm theo nó là hàng loạt các hàm xử lý chuỗi sẵn có, rất hữu dụng. Và đương nhiên trong javascript cũng thế.

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình

Xem Thêm  Những sai phạm trong dạy Toán ở tiểu học và cách khắc phục - những sai lầm người học toán hay mắc phải

By ads_php