Streamlining a map-generated object

Question

Streamlining a map-generated object

Looking to streamline this code, specifically the declaration of the variable codes. Is there a way to simplify this?

const numbers = [
  { id1: 1, id2: 2, id3: 3, pos: "a" },
  { id1: 4, id2: 5, id3: 6, pos: "b" },
  { id1: 7, id2: 8, id3: 9, pos: "c" }
];

let codes = {
  id1: Math.max.apply(
    Math,
    numbers.map((n) => {
      return n.id1;
    })
  ),
  id2: Math.max.apply(
    Math,
    numbers.map((n) => {
      return n.id2;
    })
  ),
  id3: Math.max.apply(
    Math,
    numbers.map((n) => {
      return n.id3;
    })
  )
};

console.log(codes);

I'm aiming to condense this code while retaining the same data structure. Any suggestions on how to implement a loop or simplify further?

Appreciate any assistance!

javascript arrays

Answer 1

Answer №1

To extract the id keys, utilize the Object.fromEntries function to link each key to an array of values associated with that key. Then, apply Math.max on the set of numbers corresponding to each key within the numbers array:

const numbers = [
  { id1: 1, id2: 2, id3: 3, pos: "a" },
  { id1: 4, id2: 5, id3: 6, pos: "b" },
  { id1: 7, id2: 8, id3: 9, pos: "c" }
];
const codes = Object.fromEntries(
  Object.keys(numbers[0]).slice(0, 3).map(
    key => ([
      key,
      Math.max(...numbers.map(obj => obj[key]))
    ])
  )
);
console.log(codes);

Answer 2

To extract the id keys, utilize the Object.fromEntries function to link each key to an array of values associated with that key. Then, apply Math.max on the set of numbers corresponding to each key within the numbers array:

const numbers = [
  { id1: 1, id2: 2, id3: 3, pos: "a" },
  { id1: 4, id2: 5, id3: 6, pos: "b" },
  { id1: 7, id2: 8, id3: 9, pos: "c" }
];
const codes = Object.fromEntries(
  Object.keys(numbers[0]).slice(0, 3).map(
    key => ([
      key,
      Math.max(...numbers.map(obj => obj[key]))
    ])
  )
);
console.log(codes);

Answer 3

Answer №2

To take a more dynamic approach, consider creating an array that contains the keys you want to focus on.

const data = [{ name: 'Alice', age: 30, city: 'New York' }, { name: 'Bob', age: 25, city: 'Los Angeles' }, { name: 'Charlie', age: 35, city: 'Chicago' }],
    keys = ['name', 'age', 'city'],
    results = data.reduce((acc, obj) => {
        keys.forEach(key => acc[key] = Math.max(key in acc ? acc[key] : -Infinity, obj[key]));
        return acc;
    }, {});

console.log(results);

Answer 4

To take a more dynamic approach, consider creating an array that contains the keys you want to focus on.

const data = [{ name: 'Alice', age: 30, city: 'New York' }, { name: 'Bob', age: 25, city: 'Los Angeles' }, { name: 'Charlie', age: 35, city: 'Chicago' }],
    keys = ['name', 'age', 'city'],
    results = data.reduce((acc, obj) => {
        keys.forEach(key => acc[key] = Math.max(key in acc ? acc[key] : -Infinity, obj[key]));
        return acc;
    }, {});

console.log(results);

Answer 5

Answer №3

Efficiently iterate through object keys

const elements = [
  { element1: 1, element2: 2, element3: 3, position: "a" },
  { element1: 4, element2: 5, element3: 6, position: "b" },
  { element1: 7, element2: 8, element3: 9, position: "c" }
];

const maxValues = {};
elements.forEach(item =>
  Object.entries(item).forEach(([key, value]) => {
    if (maxValues[key] === undefined || value > maxValues[key]) maxValues[key] = value;
  })
);

console.log(maxValues);

If you wish to iterate over specific properties, consider using an array of keys for iteration.

const elements = [
  { element1: 1, element2: 2, element3: 3, position: "a" },
  { element1: 4, element2: 5, element3: 6, position: "b" },
  { element1: 7, element2: 8, element3: 9, position: "c" }
];

var keysToIterate = ['element1', 'element2', 'element3'];

const maxValues = {};
elements.forEach(item =>
  keysToIterate.forEach(key => {
    if (maxValues[key] === undefined || item[key] > maxValues[key]) maxValues[key] = item[key];
  })
);

console.log(maxValues);

Answer 6

Efficiently iterate through object keys

const elements = [
  { element1: 1, element2: 2, element3: 3, position: "a" },
  { element1: 4, element2: 5, element3: 6, position: "b" },
  { element1: 7, element2: 8, element3: 9, position: "c" }
];

const maxValues = {};
elements.forEach(item =>
  Object.entries(item).forEach(([key, value]) => {
    if (maxValues[key] === undefined || value > maxValues[key]) maxValues[key] = value;
  })
);

console.log(maxValues);

If you wish to iterate over specific properties, consider using an array of keys for iteration.

const elements = [
  { element1: 1, element2: 2, element3: 3, position: "a" },
  { element1: 4, element2: 5, element3: 6, position: "b" },
  { element1: 7, element2: 8, element3: 9, position: "c" }
];

var keysToIterate = ['element1', 'element2', 'element3'];

const maxValues = {};
elements.forEach(item =>
  keysToIterate.forEach(key => {
    if (maxValues[key] === undefined || item[key] > maxValues[key]) maxValues[key] = item[key];
  })
);

console.log(maxValues);

Answer 7

Answer №4

You can achieve the same result using a simple for loop

let codes = {};
for(let i=1; i<= 3; i++){
    codes['id' + i] = Math.max.apply(Math, numbers.map(n => n['id' + i]));
}

Answer 8

You can achieve the same result using a simple for loop

let codes = {};
for(let i=1; i<= 3; i++){
    codes['id' + i] = Math.max.apply(Math, numbers.map(n => n['id' + i]));
}

Answer 9

Answer №5

To start, define the property you wish to calculate.

const data = [
  { key1: 1, key2: 2, key3: 3, position: "A" },
  { key1: 4, key2: 5, key3: 6, position: "B" },
  { key1: 7, key2: 8, key3: 9, position: "C" },
]

const properties = ["key1", "key2", "key3"]

let values = Object.fromEntries(
  properties.map((property) => [
    property,
    Math.max(...data.map((item) => item[property])),
  ])
)

console.log(values)

Answer 10

To start, define the property you wish to calculate.

const data = [
  { key1: 1, key2: 2, key3: 3, position: "A" },
  { key1: 4, key2: 5, key3: 6, position: "B" },
  { key1: 7, key2: 8, key3: 9, position: "C" },
]

const properties = ["key1", "key2", "key3"]

let values = Object.fromEntries(
  properties.map((property) => [
    property,
    Math.max(...data.map((item) => item[property])),
  ])
)

console.log(values)

Answer 11

Answer №6

Here is my take on the problem:

const data = [
    { key1: 11, key2: 22, key3: 33, loc: "x" },
    { key1: 44, key2: 55, key3: 66, loc: "y" },
    { key1: 77, key2: 88, key3: 99, loc: "z" }
];

let values = {};
['key1', 'key2', 'key3'].forEach(key => {
    values[key] = Math.max.apply(
        Math,
        data.map(d => d[key])
    )
});

console.log(values);

Answer 12

Here is my take on the problem:

const data = [
    { key1: 11, key2: 22, key3: 33, loc: "x" },
    { key1: 44, key2: 55, key3: 66, loc: "y" },
    { key1: 77, key2: 88, key3: 99, loc: "z" }
];

let values = {};
['key1', 'key2', 'key3'].forEach(key => {
    values[key] = Math.max.apply(
        Math,
        data.map(d => d[key])
    )
});

console.log(values);

Streamlining a map-generated object

Answer №1

Answer №2

Answer №3

Answer №4

Answer №5

Answer №6

Similar questions

Enhance your live table previews with the power of React JS

Navigating production mode in nuxtjs and uncovering errors

What causes the "Cannot read properties of undefined" error in Vue when an array is initialized and output is still being displayed?

Looking for a seamless way to convert jsp code to html using sightly in AEM 6.1?

What is the best way to conceal a div in React using components?

Saving data in multiple collections using MongoDB and Node.js: A comprehensive guide

What could this error be in Chrome console: "Uncaught SyntaxError: Unexpected token ':'"

Troubleshooting Cross-Origin Resource Sharing problem with Stripe API integration in Angular

Issue encountered while generating REST API through Postman resulting in a 500 error

Updating a global variable in Angular after making an HTTP call

Is it feasible to create a doughnut chart with curved edges?

submission not being processed on form

Sending Data from jQueryUI Dialog to PHP using AJAX

Setting up 'ngProgress' as a loader in my project using the 'ngbp boilerplate' is straightforward and easily customizable

Having trouble updating the sequelize-cli configuration to a dynamic configuration

VueJS's approach to routing through modular components

Activate $digest when a variable is modified by a node.js function

Guide to running examples of three.js on a local web browser

Discover the steps to showcase a specific option from a select list at the top row through VueJs

A platform for creating ER and flow diagrams specifically tailored for web applications, utilizing open source software