Hướng dẫn how split comma separated values in html? - cách phân chia các giá trị được phân tách bằng dấu phẩy trong html?

Chủ đề: JavaScript / JQueryPrev | Tiếp theoPrev|Next

Trả lời: Sử dụng phương thức split[]

Bạn có thể sử dụng phương thức JavaScript split[] để phân chia chuỗi bằng cách sử dụng một dấu phân cách cụ thể như dấu phẩy [

var str = 'Hello, World, etc';
var str_array = str.split[','];

for[var i = 0; i < str_array.length; i++] {
   // Trim the excess whitespace.
   str_array[i] = str_array[i].replace[/^\s*/, ""].replace[/\s*$/, ""];
   // Add additional code here, such as:
   alert[str_array[i]];
}

Ví dụ sau đây cho thấy cách chuyển đổi một chuỗi tên người được phân tách bằng dấu phẩy thành một mảng và truy xuất tên riêng lẻ bằng JavaScript.

var names = 'Harry,John,Clark,Peter,Rohn,Alice';
var nameArr = names.split[','];
console.log[nameArr];
    
// Accessing individual values
alert[nameArr[0]]; // Outputs: Harry
alert[nameArr[1]]; // Outputs: John
alert[nameArr[nameArr.length - 1]]; // Outputs: Alice
    
var str = 'Hello World!';
var chars = str.split[''];
console.log[];
    
// Accessing individual values
alert[chars[0]]; // Outputs: H
alert[chars[1]]; // Outputs: e
alert[chars[chars.length - 1]]; // Outputs: !

Vui lòng kiểm tra hướng dẫn về chuỗi JavaScript để tìm hiểu thêm về thao tác chuỗi.

Câu hỏi thường gặp liên quan

Dưới đây là một số Câu hỏi thường gặp liên quan đến chủ đề này:

• Cách kiểm tra xem giá trị có tồn tại trong một mảng trong JavaScript không
• Cách xóa các giá trị trùng lặp khỏi mảng JavaScript
• Cách hiển thị tất cả các mục hoặc giá trị trong một mảng sử dụng vòng lặp trong jQuery

Hai xu của tôi, thêm trang trí để loại bỏ các khoảng trắng ban đầu còn lại trong câu trả lời của SAC.

var str = 'Hello, World, etc';
var str_array = str.split[','];

for[var i = 0; i < str_array.length; i++] {
   // Trim the excess whitespace.
   str_array[i] = str_array[i].replace[/^\s*/, ""].replace[/\s*$/, ""];
   // Add additional code here, such as:
   alert[str_array[i]];
}

Edit:

Sau khi nhận được một số upvote về câu trả lời này, tôi muốn xem lại điều này. Nếu bạn muốn phân chia trên dấu phẩy và thực hiện thao tác trang trí, bạn có thể thực hiện nó trong một cuộc gọi phương thức mà không có bất kỳ vòng lặp rõ ràng nào do thực tế là

var str = 'Hello, World, etc';
var str_array = str.split[','];

for[var i = 0; i < str_array.length; i++] {
   // Trim the excess whitespace.
   str_array[i] = str_array[i].replace[/^\s*/, ""].replace[/\s*$/, ""];
   // Add additional code here, such as:
   alert[str_array[i]];
}

'Hello, cruel , world!'.split[/\s*,\s*/];
//-> ["Hello", "cruel", "world!"]

Tuy nhiên, giải pháp này sẽ không cắt giảm phần đầu của mục đầu tiên và kết thúc của mục cuối cùng thường không phải là vấn đề.

Và vì vậy, để trả lời câu hỏi liên quan đến việc xử lý trong một vòng lặp, nếu trình duyệt mục tiêu của bạn hỗ trợ các tính năng bổ sung của ES5 như các phương thức

var str = 'Hello, World, etc';
var str_array = str.split[','];

for[var i = 0; i < str_array.length; i++] {
   // Trim the excess whitespace.
   str_array[i] = str_array[i].replace[/^\s*/, ""].replace[/\s*$/, ""];
   // Add additional code here, such as:
   alert[str_array[i]];
}

var str = 'Hello, World, etc';
var str_array = str.split[','];

for[var i = 0; i < str_array.length; i++] {
   // Trim the excess whitespace.
   str_array[i] = str_array[i].replace[/^\s*/, ""].replace[/\s*$/, ""];
   // Add additional code here, such as:
   alert[str_array[i]];
}

myStringWithCommas.split[/\s*,\s*/].forEach[function[myString] {
    console.log[myString];
}];

Chuyển đổi chuỗi phân tách bằng dấu phẩy thành mảng #

Sử dụng phương thức

var str = 'Hello, World, etc';
var str_array = str.split[','];

for[var i = 0; i < str_array.length; i++] {
   // Trim the excess whitespace.
   str_array[i] = str_array[i].replace[/^\s*/, ""].replace[/\s*$/, ""];
   // Add additional code here, such as:
   alert[str_array[i]];
}

var str = 'Hello, World, etc';
var str_array = str.split[','];

for[var i = 0; i < str_array.length; i++] {
   // Trim the excess whitespace.
   str_array[i] = str_array[i].replace[/^\s*/, ""].replace[/\s*$/, ""];
   // Add additional code here, such as:
   alert[str_array[i]];
}

Copied!
const str = 'apple,banana,corn,dates';

const arr = str.split[','];

// 👇️ ['apple', 'banana', 'corn', 'dates']
console.log[arr];

Nếu chuỗi của bạn có khoảng trắng sau dấu phẩy, hãy cuộn xuống đoạn mã tiếp theo.

Chúng tôi đã sử dụng phương thức String.Split để chia một chuỗi thành một mảng.

Đối số duy nhất chúng tôi chuyển sang phương thức là một dấu phân cách. Các dấu phân cách trong đó mỗi lần phân chia nên xảy ra.

Phương thức

var str = 'Hello, World, etc';
var str_array = str.split[','];

for[var i = 0; i < str_array.length; i++] {
   // Trim the excess whitespace.
   str_array[i] = str_array[i].replace[/^\s*/, ""].replace[/\s*$/, ""];
   // Add additional code here, such as:
   alert[str_array[i]];
}

Tuy nhiên, các từ trong chuỗi của bạn có thể được phân tách bằng dấu phẩy và một không gian:

Copied!
const str = 'apple, banana, corn, dates';

// 👇️ ['apple', ' banana', ' corn', ' dates']
console.log[str.split[',']]

Trong kịch bản này, chúng tôi phải cập nhật tham số mà chúng tôi chuyển sang phương thức split[]:

Copied!
const str = 'apple, banana, corn, dates';

const arr = str.split[', '];

// 👇️ ['apple', 'banana', 'corn', 'dates']
console.log[arr];

Chúng tôi đã chuyển một dấu phẩy và một không gian làm phân tách cho phương pháp

var str = 'Hello, World, etc';
var str_array = str.split[','];

for[var i = 0; i < str_array.length; i++] {
   // Trim the excess whitespace.
   str_array[i] = str_array[i].replace[/^\s*/, ""].replace[/\s*$/, ""];
   // Add additional code here, such as:
   alert[str_array[i]];
}

Nếu phương thức split[] được gọi trên một chuỗi trống, nó sẽ trả về một mảng chứa một chuỗi trống và không phải là một mảng trống.

Copied!
const str = '';

const arr = str.split[','];

console.log[arr]; // 👉️ ['']

Nếu bạn muốn nhận một mảng trống khi chuỗi trống, bạn có thể chuỗi cuộc gọi

'Hello, cruel , world!'.split[/\s*,\s*/];
//-> ["Hello", "cruel", "world!"]

var str = 'Hello, World, etc';
var str_array = str.split[','];

for[var i = 0; i < str_array.length; i++] {
   // Trim the excess whitespace.
   str_array[i] = str_array[i].replace[/^\s*/, ""].replace[/\s*$/, ""];
   // Add additional code here, such as:
   alert[str_array[i]];
}

Copied!
const str = '';

const arr = str.split[','].filter[element => element !== ''];

console.log[arr]; // 👉️ []

Hàm chúng tôi đã chuyển sang phương thức

'Hello, cruel , world!'.split[/\s*,\s*/];
//-> ["Hello", "cruel", "world!"]

Phương thức

'Hello, cruel , world!'.split[/\s*,\s*/];
//-> ["Hello", "cruel", "world!"]

Chúng tôi không muốn mảng chứa các chuỗi trống, vì vậy chúng tôi chỉ trả về

'Hello, cruel , world!'.split[/\s*,\s*/];
//-> ["Hello", "cruel", "world!"]

Đọc thêm #

• Chuyển đổi chuỗi phân tách bằng dấu phẩy thành mảng số trong js
• Cách kết hợp hai số trong JavaScript

Làm thế nào để bạn chia một chuỗi trong HTML?

Làm thế nào để bạn tách một mảng với dấu phẩy?

Làm thế nào để bạn chuyển đổi một chuỗi được phân tách bằng dấu phẩy thành một mảng?

Phương pháp nào bạn có thể sử dụng ký tự khác ngoài dấu phẩy để tách các giá trị khỏi mảng?