Using JavaScript to divide an associative array into separate arrays

Question

Using JavaScript to divide an associative array into separate arrays

I am dealing with an array of clubs

var clubs =[{
    team: {name: "fcb barca", rank: 4},
    team: {name: "man utd", rank: 16},
    team: {name: "man city", rank: 36},
    team: {name: "fcb liverpool", rank: 57}
}];

The task at hand is to separate this array into two arrays, resulting in

  teams["fcb barca", "man utd" , "man city", "fcb liverpool"];
  rank[4,16,36,57];

I have attempted the following code but it does not seem to be functioning properly

var team = [];
 var rank = [];
 for(var i = 0; i < clubs.length; i++){
   var tempArray1 = teams{{name: clubs[i].name, grade: clubs[i].rank}};
   var tempArray2 = teams{name: clubs[i].name, grade: clubs[i].rank};
   team.push( tempArray1 );
   rank.push( tempArray2 );
 };

console.log(team);
console.log(rank);

javascript arrays associative-array

Answer 1

Answer №1

In a few moments, I'll probably regret pointing this out to you. But for now, your code is far from valid.

Let's go through what's incorrect here:

clubs[{
    team{name: "fcb barca", rank: 4}
    team{name: "man utd", rank: 16}
    team{name: "man city", rank: 36}
    team{name: "fcb liverpool", rank: 57}
}];

Firstly, clubs needs a variable declaration like:

var clubs = [

Also, you're defining clubs as an array with [, but the array only contains one object because of the { immediately following it.

Another issue is:

team{

is not a correct JavaScript object syntax. It should be team : {. Additionally, you need commas to separate the objects:

team : {name: "fcb barca", rank: 4},
team : {name: "man utd", rank: 16}

Corrected, it would look like:

var clubs = [{
    team : {name: "fcb barca", rank: 4},
    team : {name: "man utd", rank: 16}
}];

Furthermore, having several keys with the same name team in one object won't work.

The corrected code should resemble this:

let clubs = [
    {name: "fcb barca", rank: 4},
    {name: "man utd", rank: 16},
    {name: "man city", rank: 36},
    {name: "fcb liverpool", rank: 57}
];

Alternatively, if you want objects representing teams:

let clubs = [
    { team: {name: "fcb barca", rank: 4} },
    { team: {name: "man utd", rank: 16} },
    { team: {name: "man city", rank: 36} },
    { team: {name: "fcb liverpool", rank: 57} }
];

Once your syntax is fixed, you can loop through it like this:

let teams = [];
let ranks = [];

clubs.forEach(function(club){
    teams.push(club.name);
    ranks.push(club.rank);
});
console.log(teams);
console.log(ranks);

Answer 2

In a few moments, I'll probably regret pointing this out to you. But for now, your code is far from valid.

Let's go through what's incorrect here:

clubs[{
    team{name: "fcb barca", rank: 4}
    team{name: "man utd", rank: 16}
    team{name: "man city", rank: 36}
    team{name: "fcb liverpool", rank: 57}
}];

Firstly, clubs needs a variable declaration like:

var clubs = [

Also, you're defining clubs as an array with [, but the array only contains one object because of the { immediately following it.

Another issue is:

team{

is not a correct JavaScript object syntax. It should be team : {. Additionally, you need commas to separate the objects:

team : {name: "fcb barca", rank: 4},
team : {name: "man utd", rank: 16}

Corrected, it would look like:

var clubs = [{
    team : {name: "fcb barca", rank: 4},
    team : {name: "man utd", rank: 16}
}];

Furthermore, having several keys with the same name team in one object won't work.

The corrected code should resemble this:

let clubs = [
    {name: "fcb barca", rank: 4},
    {name: "man utd", rank: 16},
    {name: "man city", rank: 36},
    {name: "fcb liverpool", rank: 57}
];

Alternatively, if you want objects representing teams:

let clubs = [
    { team: {name: "fcb barca", rank: 4} },
    { team: {name: "man utd", rank: 16} },
    { team: {name: "man city", rank: 36} },
    { team: {name: "fcb liverpool", rank: 57} }
];

Once your syntax is fixed, you can loop through it like this:

let teams = [];
let ranks = [];

clubs.forEach(function(club){
    teams.push(club.name);
    ranks.push(club.rank);
});
console.log(teams);
console.log(ranks);

Using JavaScript to divide an associative array into separate arrays

Answer №1

Similar questions

When working with express.js, how can you determine whether to utilize a middleware or a standard function in your code?

Employing jQuery to add div elements, with each div possessing a distinct identifier

Creating a standard login.js file for seamless integration with nightwatch.js testing

Submit form in a new tab and refresh the current page

Output the result of a PHP script inside a JavaScript code

Next.js App encounters a missing API route (The requested page is not found)

In what specific way can I collect the contents from the open file along with the names present in the files and store them into my string vector?

Unable to halt operation when xmlhttprequest.responseText is equal to a particular value

Height and Width Dilemma in Visuals

Difficulties encountered when trying to interact with buttons using JS and Bootstrap

A function that iterates through an array and applies a formula to each element based on a conditional statement

jQuery: Modifying the Style of obj "th" Element

Searching for a solution on how to retrieve data server-side in the newest version of Next.js? Attempted to use getStaticProps but encountering issues with it not executing

Difficulty with obtaining .responsetext in AJAX and PHP

Having trouble passing a JavaScript variable through AJAX requests

How to send a global variable to an event callback function in JavaScript?

What is the most effective method for dynamically showcasing buttons in AngularJS?

Remove bulleted list from HTML using JavaScript DOM

Issue with React Material-UI drawer not functioning properly when invoking a child component function from the parent

Can a function be provided as an argument to another function within a React component?