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

Troubleshoot: Difficulty with accessing nested tag name using getElementsByTagName

A guide on retrieving the selected option from a dropdown menu with React Material UI

Unique Tags and Javascript: A customized approach

A Guide to Effectively Extracting Data from Second Level JSON Arrays with

I'm having trouble mocking the image import correctly when trying to pass a test using jest with next.js. Why am I encountering this error?

Utilizing jQuery with live content to determine dimensions as required

Incorporate a fresh attribute to the JSON data in an Angular API response

Why is my custom Vuelidate validator not receiving the value from the component where it is being called?

What is the simplest method to create a scroller for engaging narratives?

Encoding a string in JSON that contains the "#" symbol along with other special characters

Preserving form data using JavaScript exclusively upon submission

After successful sign-in, users will be redirected to the

There seems to be a problem with the external JavaScript file not functioning

including a callback in a loop

Issues encountered when incorporating personalized CSS into a Vuetify element

Transmit a fixed-size array to the workforce

Please type the file name into the provided text box

developing a checkbox group with Vue.js

What could be the reason for the malfunctioning of my express delete request?

Upload a user-sent image to a remote SFTP server for safekeeping