Hướng dẫn how do i read a csv file in javascript? - làm cách nào để đọc tệp csv trong javascript?

var data = $.csv.toObjects(csv):

Đã trả lời ngày 28 tháng 3 năm 2020 lúc 20:36Mar 28, 2020 at 20:36

RobinrobinRobin

Phù hiệu đồng 4144 bronze badges

var data = $.csv.toObjects(csv):

Tôi muốn có Regex làm càng nhiều càng tốt. Regex này coi tất cả các mục là được trích dẫn hoặc không được trích xuất, theo sau là dấu phân cách cột hoặc dấu phân cách hàng. Hoặc kết thúc của văn bản.

Đó là lý do tại sao điều kiện cuối cùng đó - không có nó, nó sẽ là một vòng lặp vô hạn vì mẫu có thể khớp với trường chiều dài bằng không (hoàn toàn có giá trị trong CSV). Nhưng vì $ là một khẳng định độ dài bằng không, nó sẽ không tiến triển thành một trận đấu không khớp và kết thúc vòng lặp.

Và FYI, tôi phải thực hiện các trích dẫn thay thế thứ hai loại trừ giá trị; Có vẻ như nó đã được thực hiện trước giải pháp thay thế đầu tiên trên công cụ JavaScript của tôi và coi các trích dẫn là một phần của giá trị chưa được trích dẫn. Tôi sẽ không hỏi - chỉ cần nó hoạt động.

Đã trả lời ngày 18 tháng 9 năm 2017 lúc 20:17Sep 18, 2017 at 20:17

2

Mỗi câu trả lời được chấp nhận,

Tôi đã làm điều này để làm việc bằng cách thay đổi 1 thành 0 ở đây:

var data = $.csv.toObjects(csv):

thay đổi để

[
  { heading1:"value1_1",heading2:"value2_1",heading3:"value3_1",heading4:"value4_1",heading5:"value5_1" } 
  { heading1:"value1_2",heading2:"value2_2",heading3:"value3_2",heading4:"value4_2",heading5:"value5_2" }
]

Nó sẽ tính toán một tệp A với một dòng liên tục là có alltextlines. Do đó hộp cảnh báo trống.

Liam

26.3K27 Huy hiệu vàng114 Huy hiệu bạc183 Huy hiệu Đồng27 gold badges114 silver badges183 bronze badges

Đã trả lời ngày 12 tháng 7 năm 2012 lúc 7:06Jul 12, 2012 at 7:06

Adam Grantadam GrantAdam Grant

11.7K9 Huy hiệu vàng56 Huy hiệu bạc65 Huy hiệu Đồng9 gold badges56 silver badges65 bronze badges

[
  { heading1:"value1_1",heading2:"value2_1",heading3:"value3_1",heading4:"value4_1",heading5:"value5_1" } 
  { heading1:"value1_2",heading2:"value2_2",heading3:"value3_2",heading4:"value4_2",heading5:"value5_2" }
]

double-beep

4.59613 Huy hiệu vàng 30 Huy hiệu bạc40 Huy hiệu đồng13 gold badges30 silver badges40 bronze badges

Đã trả lời ngày 24 tháng 5 năm 2020 lúc 16:01May 24, 2020 at 16:01

1

Trên thực tế, bạn có thể sử dụng một thư viện trọng lượng nhẹ có tên là bất kỳ văn bản.

• Cài đặt phụ thuộc

[
  { heading1:"value1_1",heading2:"value2_1",heading3:"value3_1",heading4:"value4_1",heading5:"value5_1" } 
  { heading1:"value1_2",heading2:"value2_2",heading3:"value3_2",heading4:"value4_2",heading5:"value5_2" }
]

• Sử dụng lệnh tùy chỉnh để đọc các tệp

[
  { heading1:"value1_1",heading2:"value2_1",heading3:"value3_1",heading4:"value4_1",heading5:"value5_1" } 
  { heading1:"value1_2",heading2:"value2_2",heading3:"value3_2",heading4:"value4_2",heading5:"value5_2" }
]

hoặc sử dụng ASYNC-BÀI VIẾT:

[
  { heading1:"value1_1",heading2:"value2_1",heading3:"value3_1",heading4:"value4_1",heading5:"value5_1" } 
  { heading1:"value1_2",heading2:"value2_2",heading3:"value3_2",heading4:"value4_2",heading5:"value5_2" }
]

Đã trả lời ngày 13 tháng 7 năm 2020 lúc 16:28Jul 13, 2020 at 16:28

AbhinabaabhinabaAbhinaba

3661 Huy hiệu bạc8 Huy hiệu đồng1 silver badge8 bronze badges

1

Dưới đây là một cách khác để đọc CSV bên ngoài vào JavaScript (sử dụng jQuery).read an external CSV into Javascript (using jQuery).

Nó dài hơn một chút, nhưng tôi cảm thấy bằng cách đọc dữ liệu vào các mảng bạn có thể chính xác theo quy trình và giúp khắc phục sự cố dễ dàng.

Có thể giúp đỡ người khác.

Ví dụ về tệp dữ liệu:

[
  { heading1:"value1_1",heading2:"value2_1",heading3:"value3_1",heading4:"value4_1",heading5:"value5_1" } 
  { heading1:"value1_2",heading2:"value2_2",heading3:"value3_2",heading4:"value4_2",heading5:"value5_2" }
]

Và đây là mã:

[
  { heading1:"value1_1",heading2:"value2_1",heading3:"value3_1",heading4:"value4_1",heading5:"value5_1" } 
  { heading1:"value1_2",heading2:"value2_2",heading3:"value3_2",heading4:"value4_2",heading5:"value5_2" }
]

Mong rằng điều này sẽ giúp ai đó trong tương lai!

Đã trả lời ngày 13 tháng 8 năm 2015 lúc 12:35Aug 13, 2015 at 12:35

FredfuryfredfuryFredFury

2.1461 Huy hiệu vàng21 Huy hiệu bạc27 Huy hiệu đồng1 gold badge21 silver badges27 bronze badges

1

Một chút muộn nhưng tôi hy vọng nó sẽ giúp được ai đó.

Cách đây một thời gian, ngay cả tôi đã phải đối mặt với một vấn đề trong đó dữ liệu chuỗi chứa

$(document).ready(function() {
    $.ajax({
        type: "GET",
        url: "data.txt",
        dataType: "text",
        success: function(data) {processData(data);}
     });
});

function processData(allText) {
    var record_num = 5;  // or however many elements there are in each row
    var allTextLines = allText.split(/\r\n|\n/);
    var entries = allTextLines[0].split(',');
    var lines = [];

    var headings = entries.splice(0,record_num);
    while (entries.length>0) {
        var tarr = [];
        for (var j=0; j

2 ở giữa và trong khi đọc tệp, nó được sử dụng để đọc dưới dạng các dòng khác nhau.

Eg.

[
  { heading1:"value1_1",heading2:"value2_1",heading3:"value3_1",heading4:"value4_1",heading5:"value5_1" } 
  { heading1:"value1_2",heading2:"value2_2",heading3:"value3_2",heading4:"value4_2",heading5:"value5_2" }
]

7

While-Reading:

[
  { heading1:"value1_1",heading2:"value2_1",heading3:"value3_1",heading4:"value4_1",heading5:"value5_1" } 
  { heading1:"value1_2",heading2:"value2_2",heading3:"value3_2",heading4:"value4_2",heading5:"value5_2" }
]

8

Tôi đã sử dụng một csvtojson thư viện trong dự án góc cạnh của mình để giải quyết vấn đề này.

Bạn có thể đọc tệp CSV dưới dạng chuỗi bằng mã sau và sau đó chuyển chuỗi đó đến thư viện CSVTOJSON và nó sẽ cung cấp cho bạn một danh sách JSON.

Mã mẫu:

[
  { heading1:"value1_1",heading2:"value2_1",heading3:"value3_1",heading4:"value4_1",heading5:"value5_1" } 
  { heading1:"value1_2",heading2:"value2_2",heading3:"value3_2",heading4:"value4_2",heading5:"value5_2" }
]

9

Đã trả lời ngày 6 tháng 8 năm 2020 lúc 5:24Aug 6, 2020 at 5:24

bhavya_kariabhavya_kariabhavya_karia

7101 Huy hiệu vàng6 Huy hiệu bạc12 Huy hiệu đồng1 gold badge6 silver badges12 bronze badges

Tôi sử dụng

$(document).ready(function() {
    $.ajax({
        type: "GET",
        url: "data.txt",
        dataType: "text",
        success: function(data) {processData(data);}
     });
});

function processData(allText) {
    var record_num = 5;  // or however many elements there are in each row
    var allTextLines = allText.split(/\r\n|\n/);
    var entries = allTextLines[0].split(',');
    var lines = [];

    var headings = entries.splice(0,record_num);
    while (entries.length>0) {
        var tarr = [];
        for (var j=0; j

3 để làm điều này.

và tôi cung cấp hai ví dụ như dưới đây

 heading1,heading2,heading3,heading4,heading5,value1_1,...,value5_2

0

 heading1,heading2,heading3,heading4,heading5,value1_1,...,value5_2

1

Đã trả lời ngày 13 tháng 5 năm 2021 lúc 3:45May 13, 2021 at 3:45

CarsonCarsonCarson

4.5122 Huy hiệu vàng29 Huy hiệu bạc38 Huy hiệu Đồng2 gold badges29 silver badges38 bronze badges

Với chức năng này

$(document).ready(function() {
    $.ajax({
        type: "GET",
        url: "data.txt",
        dataType: "text",
        success: function(data) {processData(data);}
     });
});

function processData(allText) {
    var record_num = 5;  // or however many elements there are in each row
    var allTextLines = allText.split(/\r\n|\n/);
    var entries = allTextLines[0].split(',');
    var lines = [];

    var headings = entries.splice(0,record_num);
    while (entries.length>0) {
        var tarr = [];
        for (var j=0; j

4, bạn có thể chuyển đổi các mục nhập dữ liệu từ định dạng CSV thành một mảng các đối tượng.

 heading1,heading2,heading3,heading4,heading5,value1_1,...,value5_2

2

Đã trả lời ngày 20 tháng 9 năm 2021 lúc 16:29Sep 20, 2021 at 16:29

Taher El Mehditaher El MehdiTAHER El Mehdi

4.1482 Huy hiệu vàng5 Huy hiệu bạc21 Huy hiệu đồng2 gold badges5 silver badges21 bronze badges

Đây là một câu hỏi cũ và vào năm 2022 có nhiều cách để đạt được điều này. Đầu tiên, tôi nghĩ D3 là một trong những lựa chọn thay thế tốt nhất cho thao tác dữ liệu. Nó có nguồn gốc mở và miễn phí để sử dụng, nhưng nó cũng là mô -đun để chúng ta có thể nhập mô -đun tìm nạp.

Đây là một ví dụ cơ bản. Chúng tôi sẽ sử dụng chế độ Legacy để tôi sẽ nhập toàn bộ thư viện D3. Bây giờ, chúng ta hãy gọi chức năng

$(document).ready(function() {
    $.ajax({
        type: "GET",
        url: "data.txt",
        dataType: "text",
        success: function(data) {processData(data);}
     });
});

function processData(allText) {
    var record_num = 5;  // or however many elements there are in each row
    var allTextLines = allText.split(/\r\n|\n/);
    var entries = allTextLines[0].split(',');
    var lines = [];

    var headings = entries.splice(0,record_num);
    while (entries.length>0) {
        var tarr = [];
        for (var j=0; j

5 và nó đã được thực hiện. Do đó, chức năng này gọi phương thức

$(document).ready(function() {
    $.ajax({
        type: "GET",
        url: "data.txt",
        dataType: "text",
        success: function(data) {processData(data);}
     });
});

function processData(allText) {
    var record_num = 5;  // or however many elements there are in each row
    var allTextLines = allText.split(/\r\n|\n/);
    var entries = allTextLines[0].split(',');
    var lines = [];

    var headings = entries.splice(0,record_num);
    while (entries.length>0) {
        var tarr = [];
        for (var j=0; j

6, nó có thể mở dataURL, url, tệp, blob, v.v.

 heading1,heading2,heading3,heading4,heading5,value1_1,...,value5_2

3

 heading1,heading2,heading3,heading4,heading5,value1_1,...,value5_2

4

Nếu chúng tôi không muốn sử dụng bất kỳ thư viện nào và chúng tôi chỉ muốn sử dụng Javascrip (vani JS) và chúng tôi đã quản lý để lấy nội dung văn bản của một tệp là

$(document).ready(function() {
    $.ajax({
        type: "GET",
        url: "data.txt",
        dataType: "text",
        success: function(data) {processData(data);}
     });
});

function processData(allText) {
    var record_num = 5;  // or however many elements there are in each row
    var allTextLines = allText.split(/\r\n|\n/);
    var entries = allTextLines[0].split(',');
    var lines = [];

    var headings = entries.splice(0,record_num);
    while (entries.length>0) {
        var tarr = [];
        for (var j=0; j

7 và chúng tôi không muốn sử dụng

$(document).ready(function() {
    $.ajax({
        type: "GET",
        url: "data.txt",
        dataType: "text",
        success: function(data) {processData(data);}
     });
});

function processData(allText) {
    var record_num = 5;  // or however many elements there are in each row
    var allTextLines = allText.split(/\r\n|\n/);
    var entries = allTextLines[0].split(',');
    var lines = [];

    var headings = entries.splice(0,record_num);
    while (entries.length>0) {
        var tarr = [];
        for (var j=0; j

8, chúng tôi có thể triển khai chức năng đơn giản Điều đó sẽ chia

$(document).ready(function() {
    $.ajax({
        type: "GET",
        url: "data.txt",
        dataType: "text",
        success: function(data) {processData(data);}
     });
});

function processData(allText) {
    var record_num = 5;  // or however many elements there are in each row
    var allTextLines = allText.split(/\r\n|\n/);
    var entries = allTextLines[0].split(',');
    var lines = [];

    var headings = entries.splice(0,record_num);
    while (entries.length>0) {
        var tarr = [];
        for (var j=0; j

7 thành một mảng

heading1,heading2,heading3,heading4,heading5
value1_1,value2_1,value3_1,value4_1,value5_1
value1_2,value2_2,value3_2,value4_2,value5_2

0 sau đó chúng tôi sẽ trích xuất dòng đầu tiên và chia thành một mảng

heading1,heading2,heading3,heading4,heading5
value1_1,value2_1,value3_1,value4_1,value5_1
value1_2,value2_2,value3_2,value4_2,value5_2

1 và phần còn lại của

heading1,heading2,heading3,heading4,heading5
value1_1,value2_1,value3_1,value4_1,value5_1
value1_2,value2_2,value3_2,value4_2,value5_2

0 sẽ là

heading1,heading2,heading3,heading4,heading5
value1_1,value2_1,value3_1,value4_1,value5_1
value1_2,value2_2,value3_2,value4_2,value5_2

3 chúng tôi sẽ xử lý. Sau đó, chúng tôi ánh xạ từng

heading1,heading2,heading3,heading4,heading5
value1_1,value2_1,value3_1,value4_1,value5_1
value1_2,value2_2,value3_2,value4_2,value5_2

4 và trích xuất

heading1,heading2,heading3,heading4,heading5
value1_1,value2_1,value3_1,value4_1,value5_1
value1_2,value2_2,value3_2,value4_2,value5_2

5 của nó và tạo một đối tượng

heading1,heading2,heading3,heading4,heading5
value1_1,value2_1,value3_1,value4_1,value5_1
value1_2,value2_2,value3_2,value4_2,value5_2

6 từ một mảng được tạo từ ánh xạ mỗi

heading1,heading2,heading3,heading4,heading5
value1_1,value2_1,value3_1,value4_1,value5_1
value1_2,value2_2,value3_2,value4_2,value5_2

7 sang giá trị phóng viên của nó từ

heading1,heading2,heading3,heading4,heading5
value1_1,value2_1,value3_1,value4_1,value5_1
value1_2,value2_2,value3_2,value4_2,value5_2

8.

NOTE:

Chúng tôi cũng sẽ sử dụng một trò lừa

heading1,heading2,heading3,heading4,heading5
value1_1,value2_1,value3_1,value4_1,value5_1
value1_2,value2_2,value3_2,value4_2,value5_2

9 đối tượng trong JavaScript cũng có thể có các thuộc tính. Có vì vậy chúng tôi sẽ xác định một thuộc tính

$(document).ready(function() {
    $.ajax({
        type: "GET",
        url: "data.txt",
        dataType: "text",
        success: function(data) {processData(data);}
     });
});

function processData(allText) {
    var allTextLines = allText.split(/\r\n|\n/);
    var headers = allTextLines[0].split(',');
    var lines = [];

    for (var i=1; i

0 và gán

heading1,heading2,heading3,heading4,heading5
value1_1,value2_1,value3_1,value4_1,value5_1
value1_2,value2_2,value3_2,value4_2,value5_2

1 cho nó.

 heading1,heading2,heading3,heading4,heading5,value1_1,...,value5_2

5

Cuối cùng, hãy triển khai Trình tải tệp Vanilla JS bằng cách tìm nạp và phân tích tệp CSV.

 heading1,heading2,heading3,heading4,heading5,value1_1,...,value5_2

6

 heading1,heading2,heading3,heading4,heading5,value1_1,...,value5_2

7

Tôi đã sử dụng tệp này để kiểm tra nó

Đã trả lời ngày 8 tháng 9 lúc 3:03Sep 8 at 3:03

TeoccitocciTeocci

5.7821 Huy hiệu vàng42 Huy hiệu bạc42 Huy hiệu đồng1 gold badge42 silver badges42 bronze badges

Làm thế nào để bạn xử lý một tệp CSV trong JavaScript?

Để chuyển đổi hoặc phân tích dữ liệu CSV thành một mảng, bạn cần sử dụng lớp Filereader của JavaScript, chứa một phương thức gọi là readastext () sẽ đọc dữ liệu tệp CSV và phân tích kết quả là một văn bản chuỗi. Lớp FileReader là API Web, vì vậy giải pháp này chỉ hoạt động trong trình duyệt.use JavaScript's FileReader class, which contains a method called readAsText() that will read a CSV file data and parse the result as a string text. The FileReader class is a web API, so this solution only works in the browser.

Làm cách nào để đọc tệp CSV trong HTML?

Đầu tiên, tệp CSV, tức là tệp văn bản được phân tách bằng dấu phẩy, sẽ được đọc bằng API Filereader HTML5 dưới dạng chuỗi. Sau đó, chuỗi sẽ được phân tích cú pháp vào các hàng và cột và sẽ được hiển thị trong bảng HTML. Đánh dấu HTML bao gồm một điều khiển tải FilePload (đầu vào tệp HTML) và nút HTML tức là tải lên.using HTML5 FileReader API as String. Then the String will be parsed into Rows and Columns and will be displayed in HTML Table. The HTML Markup consists of a FileUpload control (HTML File Input) and a HTML Button i.e. Upload.

Làm cách nào để hiển thị tệp CSV trong bảng HTML?

Hiển thị bất kỳ tệp CSV nào dưới dạng bảng HTML có thể tìm kiếm, có thể lọc được ...

Clone Kho lưu trữ này (trong dòng lệnh) Git Clone [email protected]: Derekeder/CSV-to-html-Table.Git CD CSV-to-HTML-Table ..

Thêm tệp CSV của bạn vào dữ liệu/ thư mục ..

Trong chỉ mục.HTML đặt các tùy chọn của bạn trong CSVTOHTMLTABLE.chức năng init () ..

Làm cách nào để xem dữ liệu trong tệp CSV?

Cách xem tệp CSV..

Mở Windows Explorer và định vị tệp CSV ..

Bấm đúp vào tệp.Nếu nó có a.....

Xem lại nội dung của cửa sổ bật lên.Nó chứa một danh sách các ứng dụng có thể xem tệp CSV ..

Cuộn qua danh sách và tìm biểu tượng của Notepad.Bấm đúp vào biểu tượng để xem CSV ..