спреды и массив

@-Tony Montana- · Регистрация: 28.11.2017

Author24 — интернет-сервис помощи студентам

Для чего здесь нужен спред?

Javascript

const StarRating = ({starsSelected=0, totalStars=5, onRate=f=>f}) =>
<div className="star-rating">
{[...Array(totalStars)].map((n, i) =>
<Star key={i}
selected={i<starsSelected}
onClick={() => onRate(i+1)}/>
)}
<p>{starsSelected} of {totalStars} stars</p>
</div>

@Mysterious Light · 23.02.2018, 16:36

Сообщение от -Tony Montana-

Для чего здесь нужен спред?

Идиома [...array] означает создание клона массива array.
В данном случае она играет роль создания массива с заданным набором индексов из массива с заданной длиной.
Посмотрите:

Javascript

var a = Array(5); // [undefined x 5]
a.map((n,i) => i); // [undefined x 5]
var b = [...a]; // [undefined x 5]
b.map((n,i) => i); // [1,2,3,4,5]

Я не могу сходу указать на раздел спецификации, объясняющий такое поведение, но оно является тяжелым наследием первых версий JS, когда можно было объявить разреженный массив, в котором количество фактических элемент не совпадает с length. Это похоже на ситуацию с объектами: отсутствие поля и наличия поля со значением undefined различимо. Как мне видится, spread-оператор в данном случае создаёт клон массива, в котором все пропущенные индексы инициализированы undefined.

	23.02.2018, 16:36