ספרים
JavaScript
פרק 10. פורמטים של נתונים וסריאליזציה
עובדים עם CSV

JavaScript:
עובדים עם CSV

איך לעשות:

ב-JavaScript אין פונקציונליות מובנית לפרסור או להמרת נתונים ל-CSV כמו שיש עם JSON. עם זאת, ניתן לנהל נתוני CSV בקלות על ידי שימוש ב-JavaScript גולמי למטלות פשוטות יותר או בעזרת ספריות חזקות כמו PapaParse לתסריטים מורכבים יותר.

פרסור בסיסי עם JavaScript גולמי

לפרסר מחרוזת CSV פשוטה למערך של אובייקטים:

const csv = `name,age,city
John,23,New York
Jane,28,Los Angeles`;

function parseCSV(csv) {
  const lines = csv.split("\n");
  const result = [];
  const headers = lines[0].split(",");

  for (let i = 1; i < lines.length; i++) {
    const obj = {};
    const currentline = lines[i].split(",");
    
    for (let j = 0; j < headers.length; j++) {
      obj[headers[j]] = currentline[j];
    }
    result.push(obj);
  }
  
  return result;
}

console.log(parseCSV(csv));

פלט:

[
  { name: 'John', age: '23', city: 'New York' },
  { name: 'Jane', age: '28', city: 'Los Angeles' }
]

יצירת CSV בסיסית עם JavaScript גולמי

להמיר מערך של אובייקטים למחרוזת CSV:

const data = [
  { name: 'John', age: 23, city: 'New York' },
  { name: 'Jane', age: 28, city: 'Los Angeles' }
];

function arrayToCSV(arr) {
  const csv = arr.map(row => 
    Object.values(row).join(',')
  ).join('\n');
  
  return csv;
}

console.log(arrayToCSV(data));

פלט:

John,23,New York
Jane,28,Los Angeles

שימוש ב-PapaParse למשימות CSV מורכבות

לתסריטים מורכבים יותר, PapaParse היא ספריה חזקה המתאימה לפרסור ויצירת קבצי CSV עם אפשרויות לזרמים, עובדים, וטיפול בקבצים גדולים.

פרסור קובץ או מחרוזת CSV עם PapaParse:

// לאחר הוספת PapaParse לפרויקט שלך
const Papa = require('papaparse');
const csv = `name,age,city
John,23,New York
Jane,28,Los Angeles`;

Papa.parse(csv, {
  complete: function(results) {
    console.log("Parsed:", results.data);
  }
});

מייצר:

Parsed: [
  ["name", "age", "city"],
  ["John", "23", "New York"],
  ["Jane", "28", "Los Angeles"]
]

המרת מערך למחרוזת CSV עם PapaParse:

const data = [
  { name: 'John', age: 23, city: 'New York' },
  { name: 'Jane', age: 28, city: 'Los Angeles' }
];

console.log(Papa.unparse(data));

מייצר:

name,age,city
John,23,New York
Jane,28,Los Angeles

הדוגמאות הללו ממחישות טיפול בסיסי ומתקדם ב-CSV ב-JavaScript, ומאפשרות החלפת נתונים קלה ביישומי ווב ומעבר להם.

עבודה עם JSON