Loop object that in the array and in the another object

Question

i have the following structure. I need to get Internal value and through in the React. I think i need to get an array of values, for example: ['Bitcoin', 'Etherium'...] and map through it. How can i implement it?

 let arr = [
      {
        "CoinInfo": {
                "Id": "1182",
                "Name": "BTC",
                "FullName": "Bitcoin",
                "Internal": "BTC",
                "ImageUrl": "/media/19633/btc.png",
                "Url": "/coins/btc/overview"
            }
      },
      {
         "CoinInfo": {
            "Id": "7605",
            "Name": "ETH",
            "FullName": "Ethereum",
            "Internal": "ETH",
            "ImageUrl": "/media/20646/eth_logo.png",
            "Url": "/coins/eth/overview"
      }
]

Jack Bashford · Accepted Answer · 2018-12-30 18:54:05Z

4

Here's how you'd get an array of coin names using Array.prototype.map()

const arr = [{
    "CoinInfo": {
      "Id": "1182",
      "Name": "BTC",
      "FullName": "Bitcoin",
      "Internal": "BTC",
      "ImageUrl": "/media/19633/btc.png",
      "Url": "/coins/btc/overview"
    }
  },
  {
    "CoinInfo": {
      "Id": "7605",
      "Name": "ETH",
      "FullName": "Ethereum",
      "Internal": "ETH",
      "ImageUrl": "/media/20646/eth_logo.png",
      "Url": "/coins/eth/overview"
    }
  }
];

const coinNames = arr.map(x => x.CoinInfo.FullName);

console.log(coinNames);

edited Dec 30, 2018 at 18:54

answered Dec 30, 2018 at 17:26

Jack Bashford

44.3k11 gold badges56 silver badges84 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Jack Bashford Over a year ago

Sorry @IonutAchim I thought you needed them when using strings. Will edit

Amir Popovich Over a year ago

@JackBashford - You need them when you need to lookup a key via a var. const propName = 'Name'; const value = obj[propName];

Pavlo Over a year ago

change let and var to const and this answer is perfect

Jack Bashford Over a year ago

Ah, of course @AmirPopovich That makes sense - if you used dots in that example, it would create a property literally named propName. Thanks for clarifying that.

Ionut Achim Over a year ago

Object property names are always strings. You only wrap them in quotes when they are the same as reserved words or are not valid J's identifiers (e.g. contain a space, hyphen or starts with a number).

|

Vikas Singh · Accepted Answer · 2018-12-30 17:41:35Z

0

Do it like this

import React from 'react'

export default class YourComponent extends React.Component {
    render() {
        let arr = [
            {
                "CoinInfo": {
                    "Id": "1182",
                    "Name": "BTC",
                    "FullName": "Bitcoin",
                    "Internal": "BTC",
                    "ImageUrl": "/media/19633/btc.png",
                    "Url": "/coins/btc/overview"
                }
            },
            {
                "CoinInfo": {
                    "Id": "7605",
                    "Name": "ETH",
                    "FullName": "Ethereum",
                    "Internal": "ETH",
                    "ImageUrl": "/media/20646/eth_logo.png",
                    "Url": "/coins/eth/overview"
                }
            }
        ]

        let newArr = arr.map((data) => {
            return data.CoinInfo.FullName
        })
        console.log('new array', newArr);
        return (
            <div>
            </div>
        )
    }
}

edited Dec 30, 2018 at 17:41

answered Dec 30, 2018 at 17:26

Vikas Singh

1,8651 gold badge18 silver badges27 bronze badges

3 Comments

Mark Over a year ago

You’re getting downvotes because this is not how you use map(). map() creates and returns an array. Using it to loop over and push into another array is redundant. See the answers above for examples.

Vikas Singh Over a year ago

@MarkMeyer Thank you so much for the help! I did the mistake and later I have corrected it.

Vikas Singh Over a year ago

@MarkMeyer I could have done it but I thought this is the best lesson I got.

Collectives™ on Stack Overflow

Loop object that in the array and in the another object

2 Answers 2

6 Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related