JavaScript में JSON डेटा से ऐरे कैसे बनाएं?

map() मेथड से ऑब्जेक्ट्स की ऐरे से विशिष्ट प्रॉपर्टी निकालकर नई ऐरे बनाएं।

बुनियादी उदाहरण

const students = [
    { name: "John" },
    { name: "David" },
    { name: "Bob" }
];

// name प्रॉपर्टी की ऐरे बनाएं
const names = students.map(student => student.name);

console.log(names); // [ 'John', 'David', 'Bob' ]

डिस्ट्रक्चरिंग के साथ (क्लीनर)

const names = students.map(({ name }) => name);
// या रीनेम करके
const names = students.map(({ name: studentName }) => studentName);

एकाधिक प्रॉपर्टीज से नए ऑब्जेक्ट्स बनाएं

const students = [
    { id: 1, name: "John", age: 20, grade: "A" },
    { id: 2, name: "David", age: 21, grade: "B" },
    { id: 3, name: "Bob", age: 19, grade: "A" }
];

// केवल id और name की ऐरे
const idName = students.map(({ id, name }) => ({ id, name }));
console.log(idName);
// [ { id: 1, name: 'John' }, { id: 2, name: 'David' }, { id: 3, name: 'Bob' } ]

// लेबल बदलकर
const formatted = students.map(({ id, name, grade }) => ({
    studentId: id,
    studentName: name,
    score: grade
}));

फिल्टर + मैप चेन

// केवल A ग्रेड वालों के नाम
const aGradeNames = students
    .filter(s => s.grade === 'A')
    .map(s => s.name);

console.log(aGradeNames); // [ 'John', 'Bob' ]

चलाने का तरीका

node json-to-array.js

आउटपुट

[ 'John', 'David', 'Bob' ]

उन्नत: नेस्टेड डेटा से

const data = {
    students: [
        { info: { name: "John", details: { age: 20 } } },
        { info: { name: "David", details: { age: 21 } } }
    ]
};

const names = data.students.map(s => s.info.name);
console.log(names); // [ 'John', 'David' ]

JSON स्ट्रिंग से (पार्सिंग)

const jsonString = '[{"name":"John"},{"name":"David"}]';
const parsed = JSON.parse(jsonString);
const names = parsed.map(p => p.name);
console.log(names); // [ 'John', 'David' ]

सारांश