Elyse의 구조 분해 마법

const numberOfMoons = [0, 2, 14];
const [venus, mars, neptune] = numberOfMoons;

neptune;
// => 14

const weather = {
  sun: '☀️',
  sun_behind_small_cloud: '🌤️',
  sun_behind_cloud: '⛅',
  sun_behind_large_cloud: '🌥️',
  sun_behind_rain_cloud: '🌦️',
  cloud: '☁️',
  cloud_with_rain: '🌧️',
  cloud_with_snow: '🌨️',
  cloud_with_lightning: '🌩️',
  cloud_with_lightning_and_rain: '⛈️',
};

const { sun, cloud, cloud_with_lightning: thunder } = weather;

sun;
// => '☀️'

cloud;
// => '☁️'

thunder;
// => '🌩️'

지침

마술사 지망생 Elyse는 훈련을 계속해요. Elyse에게는 조작하고 싶은 카드 덱이 있어요.

일을 더 쉽게 하기 위해 보통은 2부터 10까지의 숫자가 적힌 카드로만 시작하지만, 어떤 마술에는 추가 (그림) 카드가 등장하기도 해요.

Elyse가 마술 실력을 키우도록 도와주고 싶나요?

1. 첫 번째 카드 가져오기

Elyse는 array[index], .at(index), .shift()를 사용하지 않고 덱의 첫 번째 카드를 불러와요. 정말 마법 같아요.

const deck = [5, 9, 7, 1, 8];

getFirstCard(deck);
// => 5

2. 두 번째 카드 가져오기

Elyse는 손재주를 부려 array[index]나 .shift()를 사용하지 않고 덱의 두 번째 카드를 불러와요.

const deck = [3, 2, 10, 6, 7];

getSecondCard(deck);
// => 2

3. 두 카드 맞바꾸기

Elyse는 덱의 두 카드 위치를 서로 바꿔요. 함수를 하나도 호출할 필요가 없어요.

const deck = [10, 7];

swapTwoCards(deck);
// => [7, 10]

4. 카드 세 장 돌리기

좀 더 현란한 손재주를 부리기 위해, Elyse는 카드 세 장을 집어 맨 위 카드를 재빨리 맨 뒤로 옮겨서 가운데 카드가 첫 번째 카드가 되고, 원래 맨 아래 카드가 가운데 카드가 되게 해요. 함수를 하나도 호출할 필요가 없어요.

const deck = [2, 6, 10];

shiftThreeCardsAround(deck);
// => [6, 10, 2]

5. 이름 붙은 더미 고르기

Elyse는 덱을 두 더미로 나눠요. 그다음 관객에게 두 더미 중 하나를 고르게 하는데, 이것을 chosen이라고 부를게요. disregarded 더미는 더 이상 중요하지 않으므로, Elyse는 이 더미를 사라지게 만들어요. 함수를 하나도 호출할 필요가 없어요.

const deck = [5, 4, 7, 10];
const chosen = [5, 4];
const disregarded = [7, 10];

pickNamedPile({ chosen, disregarded });
// => [5, 4]

5. 고른 더미 맞바꾸기

안타깝게도 관객은 계속 "잘못된" 더미를 고르지만, 빠르고 영리한 마술로 Elyse는 chosen 더미의 이름을 disregarded로, disregarded 더미의 이름을 chosen으로 바꿔요. 함수를 하나도 호출할 필요가 없어요.

const deck = [5, 4, 7, 10];
const chosen = [5, 4];
const disregarded = [7, 10];

swapNamedPile({ chosen, disregarded });
// => { chosen: [7, 10], disregarded: [5, 4] }