Как конвертировать поле обьекта в число?

Question

[berameba]

Есть обьект с полем name, он всегда равняется какому то числу в виде строки.Нужно конвертировать эту строку в число и сделать так, что бы внутри компонента было ровно столько обьектов сколько и это число.То есть если число 5, то и компонентов 5..

Вот то, куда нужно вставить floor:

<div className={styles.city}>
                {houses.map(function (house){
                    return <House>
                                суда нужно вставить <Floor/>
                    </House>
                })}
            </div>

А вот как выглядит обьект:

Comments

[Вадим]

Так, и в чём проблема? В не знании основ js? В неумении гуглить?

Нужно конвертировать эту строку в число и сделать так, что бы внутри компонента было ровно столько обьектов сколько и это число

Отлично. Нужно - делайте.

Уже сделали и не получилось? Так об этом и пишите. "Я сделал так и так, но ошибка вот такая то. Что я делаю не так?"

Answer 1

[Карлиндоу Мэрлифи]

Попробуй это:

<div className={styles.city}>
    {houses.map(function (house){
        const numOfFloors = parseInt(house.name);
        const floors = [];
        for (let i = 0; i < numOfFloors; i++) {
            floors.push(<Floor key={i}/>);
        }
        return (
            <House key={house.name}>
                {floors}
            </House>
        );
    })}
</div>

Answer 2

[Александр]

<House>{Array.from({ length: parseInt('NAME') }, (_, index) => (<Floor key={index} />))}</House>

или

const range = (count) => new Array(count).fill(null).map((_, index) => index);

<House>{range(parseInt('NAME')).map((index) => (<Floor key={index} />))}</House>