I am interested in using the split method to separate and then mapping an object in JavaScript

Question

I am interested in using the split method to separate and then mapping an object in JavaScript

Need assistance on separating an array using the split method. The array contains objects with properties such as name, course1, course2, and course3. Only the courses with text in their content along with a plus sign should be separated into an array using the split property. Each course object should include its identifier, credit, and note. Here is the original array:

Please help me, thank you.

I attempted to write some code but it's not working for me

//this is my array
var student: [
          {
          'name' : 'ivan hambi apaza',
          'course1' : 'HISTORIA DE LA DANZA+2+16',
          'course2' : 'HISTORIA+3+17',
          'course3' : '',
          }
],
       
//a step that I was doing but it does not come out
studentCourses(){
var newArr = [...this.student]
              newArr.map(el => {
              return el.course1 = el.course1.split('+')
              })
              newArr.map(el => {
              return el.course2 = el.course2.split('+')
              })
              newArr.map(el => {
              return el.course3 = el.course3.split('+')
              })
              
    return newArr
}

  
console.log(studentCourses())

Expected result:

[
  {
      'name':'ivan hambi apaza',
      'courses':[
               {'course':'HISTORIA DE LA DANZA','credit':2,'note':16},
               {'course':'HISTORIA','credit':3,'note': 17},
              ]
  }
]

javascript arrays split mapping

Answer 1

Answer №1

Give this code a shot. It utilizes some cool ES6 features like destructuring and object property-value shorthand:

// 'HISTORIA DE LA DANZA+2+16' => {'course':'HISTORIA DE LA DANZA','credit':2,'note':16}
function convertToCourse(c) {
   if (c.length === 0) return null
   var [course, credit, note] = c.split(""+"")
   return {course,credit,note}
}

// {name:...,course1:...,course2:...,...} => ['HISTORIA DE LA DANZA+2+16',...]
function objectsToCourses(o) {
   // return [o.course1,o.course2,o.course3] // sufficient ???
   var result = []
   for (var key in o) {
      if (key.startsWith("course")) result.push(o[key])
   }
   return result
}

// main object conversion function
function arrayToObject(o) {
   var courses = objectsToCourses(o) // extract courses from o
   courses = courses.map(convertToCourse) // convert strings to objects
   courses = courses.filter(Boolean) // filter non-null courses
   return {name: o.name, courses: courses}
}

// main function, simply maps the array
function studentArrayToObjects(list) { return list.map(arrayToObject) }


// test
var students = [
   {
      'name' : 'ivan hambi apaza',
      'course1' : 'HISTORIA DE LA DANZA+2+16',
      'course2' : 'HISTORIA+3+17',
      'course3' : '',
   },
]
console.log(studentArrayToObjects(students))
console.log(studentArrayToObjects(students)[0].courses)

Answer 2

Give this code a shot. It utilizes some cool ES6 features like destructuring and object property-value shorthand:

// 'HISTORIA DE LA DANZA+2+16' => {'course':'HISTORIA DE LA DANZA','credit':2,'note':16}
function convertToCourse(c) {
   if (c.length === 0) return null
   var [course, credit, note] = c.split(""+"")
   return {course,credit,note}
}

// {name:...,course1:...,course2:...,...} => ['HISTORIA DE LA DANZA+2+16',...]
function objectsToCourses(o) {
   // return [o.course1,o.course2,o.course3] // sufficient ???
   var result = []
   for (var key in o) {
      if (key.startsWith("course")) result.push(o[key])
   }
   return result
}

// main object conversion function
function arrayToObject(o) {
   var courses = objectsToCourses(o) // extract courses from o
   courses = courses.map(convertToCourse) // convert strings to objects
   courses = courses.filter(Boolean) // filter non-null courses
   return {name: o.name, courses: courses}
}

// main function, simply maps the array
function studentArrayToObjects(list) { return list.map(arrayToObject) }


// test
var students = [
   {
      'name' : 'ivan hambi apaza',
      'course1' : 'HISTORIA DE LA DANZA+2+16',
      'course2' : 'HISTORIA+3+17',
      'course3' : '',
   },
]
console.log(studentArrayToObjects(students))
console.log(studentArrayToObjects(students)[0].courses)

Answer 3

Answer №2

If you want to extract course objects, you can use a combination of flatMap and reduce along with a custom function.

var student = [ { name: "ivan hambi apaza", course1: "HISTORIA DE LA DANZA+2+16", course2: "HISTORIA+3+17", course3: "", } ];

getFormattedCourse = (course) =>
  /\+/g.test(course) 
    ? ((arr = course.split("+")),  
      { course: arr[0], credit: arr[1] || "0", note: arr[2] || "0" }) 
    : { course: course, credit: 0, note: 0 }; 

result = student.flatMap(({ name, course1, course2, course3 }) => 
  Object.values(
    [course1, course2, course3].reduce( 
      (acc, item) => (
        item != "" 
          ? !acc[name] 
            ? (acc[name] = { ...acc[name], name: name, courses: [getFormattedCourse(item)] }) 
            : acc[name].courses.push(getFormattedCourse(item)) 
          : acc,
        acc
      ),
      {}
    )
  )
);

console.log(result);

Answer 4

If you want to extract course objects, you can use a combination of flatMap and reduce along with a custom function.

var student = [ { name: "ivan hambi apaza", course1: "HISTORIA DE LA DANZA+2+16", course2: "HISTORIA+3+17", course3: "", } ];

getFormattedCourse = (course) =>
  /\+/g.test(course) 
    ? ((arr = course.split("+")),  
      { course: arr[0], credit: arr[1] || "0", note: arr[2] || "0" }) 
    : { course: course, credit: 0, note: 0 }; 

result = student.flatMap(({ name, course1, course2, course3 }) => 
  Object.values(
    [course1, course2, course3].reduce( 
      (acc, item) => (
        item != "" 
          ? !acc[name] 
            ? (acc[name] = { ...acc[name], name: name, courses: [getFormattedCourse(item)] }) 
            : acc[name].courses.push(getFormattedCourse(item)) 
          : acc,
        acc
      ),
      {}
    )
  )
);

console.log(result);

Answer 5

Answer №3

It appears that this solution will meet your needs.

function parseStudent(student) {
        let finalList = [];
        for(let i=0;i<student.length;i++) {
            let entry = student[i];
            let formattedEntry = {
                name : entry.name,
                courses : []
            };
            delete entry.name;
            Object.keys(entry).forEach(key => {
          if(entry[key].trim().length === 0) return;
                let data = entry[key].split('+');
                let courseData = {
                    course: data[0],
                    credit: data[1] ? data[1] : "",
                    note: data[2] ? data[2] : ""
                };
                formattedEntry.courses.push(courseData);
            });
            finalList.push(formattedEntry);
        }
        return finalList;
    }

    let student = [
            {
              'name' : 'ivan hambi apaza',
              'course1' : 'HISTORIA DE LA DANZA+2+16',
              'course2' : 'HISTORIA+3+17',
              'course3' : '',
            }
    ];

    console.log(parseStudent(student));

Answer 6

It appears that this solution will meet your needs.

function parseStudent(student) {
        let finalList = [];
        for(let i=0;i<student.length;i++) {
            let entry = student[i];
            let formattedEntry = {
                name : entry.name,
                courses : []
            };
            delete entry.name;
            Object.keys(entry).forEach(key => {
          if(entry[key].trim().length === 0) return;
                let data = entry[key].split('+');
                let courseData = {
                    course: data[0],
                    credit: data[1] ? data[1] : "",
                    note: data[2] ? data[2] : ""
                };
                formattedEntry.courses.push(courseData);
            });
            finalList.push(formattedEntry);
        }
        return finalList;
    }

    let student = [
            {
              'name' : 'ivan hambi apaza',
              'course1' : 'HISTORIA DE LA DANZA+2+16',
              'course2' : 'HISTORIA+3+17',
              'course3' : '',
            }
    ];

    console.log(parseStudent(student));

I am interested in using the split method to separate and then mapping an object in JavaScript

Answer №1

Answer №2

Answer №3

Similar questions

Is it possible to programmatically refresh an Angular controller?

Utilizing FullCalendar for showcasing comprehensive details

What is the best method to transfer information from a What You See Is What You Get editor to a database using Vue.js?

What is the best method for managing file storage and retrieval in web applications that only run on the client-side?

Display a PHP array with my customized formatting

Guidelines on populating a Vue array with data fetched from an Axios request

Tips for using JavaScript to style an array items individually

Using Vuex as a global event bus ensures that all subscribers will always receive notifications for

an occurrence of an element being rendered invisible, within an instance of an element being rendered as flexible,

Error: The react.js application is unable to access the property 'classList' of a null object

Adding a new column to a table that includes a span element within the td element

The UI Bootstrap Datepicker requires a second click in order to update the month

Generating a NumPy array from a list using operations

The act of initiating a click on a radio button involves evaluating conditions prior to toggling

Effective ways to engage with a window that is supervised by a different controller?

Different approaches to transforming jQuery code into functional AngularJS code

The error in React syntax doesn't appear to be visible in CodePen

Mozilla browser experiencing issues with mouse move event functionality

Guide to assigning a value to a model in AngularJS by utilizing a select input with an array of objects

Looping Feature in Ionic Framework's Slides Component