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

"Interactive table feature allowing for scrolling, with anchored headers and columns, as well as the option to fix

Selecting the optimal data structure: weighing the benefits of using boolean check versus array .include (balancing performance and redundancy

Tips for changing the content of a td element to an input field and removing the displayed value

Transmit information from a Chrome extension to a Node.js server

Adjust the width of a textarea dynamically as you type by detecting keyup events

Govern Your Gateway with Expressive Logs

What is the best way to include message body in CDATA using strophe?

Encountering overload error with Vue 3 and Axios integration

The role of providers in Angular applications

Deciphering HTML encoding for text fields

Having trouble loading an image after successfully connecting to an API with react.js

Sending a message through Discord.JS to a designated channel

Having issue updating a MySQL table using an array of objects in JavaScript

Transfer a csv file from a static webpage to an S3 bucket

Failure of default option to appear in dropdown menu in Angular

execute action after a specific point in time in the video is reached

Is there a more efficient method for replacing all attributes on cloned elements?

Unable to refresh HTML table using Vuex data in Vue JS

The JQuery script functions properly when directly embedded in an HTML file, but fails to work when linked from an external file

How can I utilize match props in React JS with the Context API?