JavaScript: Converting an array of strings into an array of objects with proper formatting

Question

JavaScript: Converting an array of strings into an array of objects with proper formatting

After scanning barcodes, I have an array of strings that currently contains the following data:

var array = ['NEW', '1111', 'serial1', 'serial2, 'NEW', '2222', 'serial3', 'serial4'];

To process this scanned data effectively, I need to convert the array into objects structured like this:

var objects = [
                {
                  order_id: '1111',
                  serial_numbers: ['serial1', 'serial2']
                },
                {
                  order_id: '2222',
                  serial_numbers: ['serial3', 'serial4']
                }
]

It is evident that the presence of 'NEW' in the array signifies the upcoming order_id (e.g. '1111'). Subsequently, there are multiple serial_numbers listed until the next occurrence of 'NEW'.

My attempt at structuring the array using indexes did not yield satisfactory results.

I appreciate any assistance you can provide!

javascript arrays

Answer 1

Answer №1

To achieve the desired outcome, one can utilize the powerful reduce method

var array = [
  "NEW",
  "1111",
  "serial1",
  "serial2",
  "NEW",
  "2222",
  "serial3",
  "serial4",
];

const result = array.reduce((acc, curr) => {
  if (curr === "NEW") acc.push({ order_id: "", serial_numbers: [] });
  else {
    const last = acc[acc.length - 1];
    if (!last.order_id) last.order_id = curr;
    else last.serial_numbers.push(curr);
  }

  return acc;
}, []);

console.log(result);

/* This is not a part of answer. It is just to give the output fill height. So IGNORE IT */
.as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 2

To achieve the desired outcome, one can utilize the powerful reduce method

var array = [
  "NEW",
  "1111",
  "serial1",
  "serial2",
  "NEW",
  "2222",
  "serial3",
  "serial4",
];

const result = array.reduce((acc, curr) => {
  if (curr === "NEW") acc.push({ order_id: "", serial_numbers: [] });
  else {
    const last = acc[acc.length - 1];
    if (!last.order_id) last.order_id = curr;
    else last.serial_numbers.push(curr);
  }

  return acc;
}, []);

console.log(result);

/* This is not a part of answer. It is just to give the output fill height. So IGNORE IT */
.as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 3

Answer №2

Hello there, I have a solution for parsing arrays with fixed serial numbers:

function parseArray(input) {
  let output = [];
  for (let i = 0; i < array.length; i++) {
    if (array[i] === 'NEW') {
      output.push({
        order_id: array[i + 1],
        serial: [array[i + 2], array[i + 3]]
      });
      i += 3;
    }
  }
  return output;
}

To see a live example, check out my stackblitz link: https://stackblitz.com/edit/web-platform-ec4kcw?file=script.js

UPDATE:

I have updated the function to handle arrays with varying lengths of serials:

function parseArray(input) {
  let output = [];
  let item = {};
  for (let i = 0; i < input.length; i++) {
    if (input[i] === 'NEW') {
      item = {
        order_id: input[i + 1],
        serial: []
      };
      output.push(item);
      i += 1;
    } else {
      item.serial.push(input[i]);
    }
  }
  return output;
}

Answer 4

Hello there, I have a solution for parsing arrays with fixed serial numbers:

function parseArray(input) {
  let output = [];
  for (let i = 0; i < array.length; i++) {
    if (array[i] === 'NEW') {
      output.push({
        order_id: array[i + 1],
        serial: [array[i + 2], array[i + 3]]
      });
      i += 3;
    }
  }
  return output;
}

To see a live example, check out my stackblitz link: https://stackblitz.com/edit/web-platform-ec4kcw?file=script.js

UPDATE:

I have updated the function to handle arrays with varying lengths of serials:

function parseArray(input) {
  let output = [];
  let item = {};
  for (let i = 0; i < input.length; i++) {
    if (input[i] === 'NEW') {
      item = {
        order_id: input[i + 1],
        serial: []
      };
      output.push(item);
      i += 1;
    } else {
      item.serial.push(input[i]);
    }
  }
  return output;
}

Answer 5

Answer №3

Prior to creating objects, it is essential to process the unstructured array items into a more appropriate format. The following code serves this purpose:

var array = ['NEW', '1111', 'serial1', 'serial2', 'NEW', '2222', 'serial3', 'serial4'];

// Generate an array of arrays containing the serial numbers
// The initial element in each sub-array represents the order id
function parseOrders(items) {
  const orders = [];
  let orderItems = [];
  
  items.forEach((item) => {
    if (item === 'NEW') {
      if (orderItems.length > 0) {
        orders.push(orderItems);
      }
      orderItems = [];
    } else {
      orderItems.push(item)
    }
  })

  if (orderItems.length > 0) orders.push(orderItems);
  return orders;
}

function transformToObjects(orders) {
  const objects = [];
  orders.forEach((order) => {
    const orderId = order[0];
    const serialNumbers = order.slice(1);
    objects.push({
      order_id: orderId,
      serial_numbers: serialNumbers,
    })
  })
  return objects;
}

const orders = parseOrders(array);
const objects = transformToObjects(orders);
console.log(objects);

Answer 6

Prior to creating objects, it is essential to process the unstructured array items into a more appropriate format. The following code serves this purpose:

var array = ['NEW', '1111', 'serial1', 'serial2', 'NEW', '2222', 'serial3', 'serial4'];

// Generate an array of arrays containing the serial numbers
// The initial element in each sub-array represents the order id
function parseOrders(items) {
  const orders = [];
  let orderItems = [];
  
  items.forEach((item) => {
    if (item === 'NEW') {
      if (orderItems.length > 0) {
        orders.push(orderItems);
      }
      orderItems = [];
    } else {
      orderItems.push(item)
    }
  })

  if (orderItems.length > 0) orders.push(orderItems);
  return orders;
}

function transformToObjects(orders) {
  const objects = [];
  orders.forEach((order) => {
    const orderId = order[0];
    const serialNumbers = order.slice(1);
    objects.push({
      order_id: orderId,
      serial_numbers: serialNumbers,
    })
  })
  return objects;
}

const orders = parseOrders(array);
const objects = transformToObjects(orders);
console.log(objects);

Answer 7

Answer №4

const result = array.reduce((prev, curr, index, arr) => {
if (curr === 'NEW') {
    return prev.concat({
        transaction_id: arr[index + 1],
        items: [arr[index + 2], arr[index + 3]]
    });
}
return prev;
}, []);

Utilizing the reduce method simplifies obtaining the desired output format.

Answer 8

const result = array.reduce((prev, curr, index, arr) => {
if (curr === 'NEW') {
    return prev.concat({
        transaction_id: arr[index + 1],
        items: [arr[index + 2], arr[index + 3]]
    });
}
return prev;
}, []);

Utilizing the reduce method simplifies obtaining the desired output format.

JavaScript: Converting an array of strings into an array of objects with proper formatting

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

Although there may be some issues with tslint, the functionality is operating smoothly

Member not found error with JQuery Autocomplete on browsers older than Internet Explorer 10

Transform an item into a map of the item's properties

The troubleshooting issue with jQuery animate Scrolltop malfunctioning

Does Mongoose use asynchronous saving?

What steps do I need to take to integrate my RASA assistant into my personal website?

Escaping back slashes in Node.js

Encountering issues with the phaser framework while setting up a server on xampp, faced with errors in javascript and html

Eliminate Quotation Marks and Commas in String Data Using React

Is there a way to effectively alter an object that has been assigned in a separate file?

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

script to pause video using jQuery

What causes useEffect to run twice in React and what is the best way to manage it effectively?

Discover the power of utilizing JavaScript to sort through table rows by filtering them based on the selections of multiple checkbox

Cached images do not trigger the OnLoad event

Is there a way to determine if a value exists within an array of objects?

Navigating through the various iterations of jQuery

Invoke the callback function before executing the next function

KnockoutJS is unable to assign a negative value to an input field

Sending JSON Data over URL