Extract the initial 7 keys from an object and transfer them to a separate object

Question

Extract the initial 7 keys from an object and transfer them to a separate object

Is there a way in JavaScript to create a new object that contains only the first 7 keys of another object? This is the object structure from which I want to extract the data.

{"data":[{"id":2338785,"team1":{"id":10531,"name":"Just For Fun"},"team2":{"id":10017,"name":"Rugratz"},"result":"2 - 0","event":{"name":"Mythic Cup 5","id":5148},"format":"bo3","stars":0,"date":1578279271000},....],"last_update":1578329378792}

Assuming there are 100 keys like this one, how can I specifically copy only the first 7 keys into a new object using JavaScript?

javascript arrays json object vue.js

Answer 1

Answer №1

Technically speaking, the given Object only contains 2 keys. However, if you are referring to the data object, there is a solution available.

const MyNewObject = Object.entries(YourObject)
const results = []

Using a simple for loop:

MyNewObject.forEach((pair,i) => {
    // It breaks for the 8th item and does not push it to the results array
    if (i === 7) break;
    results.push(pair)
}

Alternatively, you can use slice:

// A cleaner solution, you can eliminate the empty results array above
const thisNewResult = MyNewObject.slice(0,6)

Finally, the results are an array of key value pairs. You can create a new object from these result entries with the following code:

const finalResults = Object.fromEntries(results)

It is important to note that the order may not be as expected, as Object.Entries follows the same order as a for-in loop. For more information, visit Elements order in a "for (… in …)" loop.

Answer 2

Technically speaking, the given Object only contains 2 keys. However, if you are referring to the data object, there is a solution available.

const MyNewObject = Object.entries(YourObject)
const results = []

Using a simple for loop:

MyNewObject.forEach((pair,i) => {
    // It breaks for the 8th item and does not push it to the results array
    if (i === 7) break;
    results.push(pair)
}

Alternatively, you can use slice:

// A cleaner solution, you can eliminate the empty results array above
const thisNewResult = MyNewObject.slice(0,6)

Finally, the results are an array of key value pairs. You can create a new object from these result entries with the following code:

const finalResults = Object.fromEntries(results)

It is important to note that the order may not be as expected, as Object.Entries follows the same order as a for-in loop. For more information, visit Elements order in a "for (… in …)" loop.

Extract the initial 7 keys from an object and transfer them to a separate object

Answer №1

Similar questions

``Can you please explain how one can retrieve data from a website using a script

Tips for creating multiple popups using a single line of JavaScript code

Convert JSON information into an array and map it in Swift

Combine the click event and onkeydown event within a single function

Serializing objects into JSON format using a standard encoder

Using setTimeout() in JavaScript to create a delay between functions

How to fetch an image from a web API using JavaScript

Error encountered in Ubuntu while attempting to run a Python script within a Node.js/Express application: spawn EACCES

When reference variables are utilized before being parsed, what happens?

AngularJS default ngOptions for parent and child models

Json file shared globally across multiple projects within a single asp.net core 2.0 solution

"Encountering issues with Rails and AJAX where the data returning is showing up

Determine the total number of possible paths in a two-dimensional binary matrix (C programming language)

Determine the output based on the data received from the ajax post request

Hiding content and troubleshooting video playback problems in FancyBox

The Axios interceptor is failing to retrieve the user's current authentication token from the Vuex store

Issue with the select element in Material UI v1

Error detected in JSON parsing

Halting Execution After Placing an Object in Three.js Scene with Javascript

Encountering a npm error E404 when trying to install unicons package for React development