Surya JS Journey

Learn JavaScript through concepts, code, and guided practice.

A focused workspace for concept study, interactive examples, visual explanations, and challenge solving.

ChallengeBeginner8 min

Merge values with spread syntax

Use spread syntax to combine values into a new array without mutating the original one.

Complete the array creation so the output becomes `1,2,3,4`. Keep the original `base` array unchanged and use spread syntax.

Challenge Brief

Solve the exercise by editing the starter code and running it in the panel. Compare your result against the expected outcome, then refine your solution until the behavior matches.

  1. 1. Read the prompt carefully and identify the missing behavior.
  2. 2. Update only the parts of the starter code needed to solve it.
  3. 3. Run the code and compare actual output with the expected result.

Hints

  • Start from the existing `base` array.
  • Spread the array into a new one before adding the extra values.
  • Do not push directly into the original array.

Related Concepts

Spread and Rest

Spread expands values outward, while rest collects remaining values into an array or object.

Arrays and Methods

Arrays hold ordered collections of values, and their built-in methods make transformation and iteration much easier.

Challenge Workspace

spread-rest-merge.js

Edit the code, run it in the browser, and inspect the console output below. Reset restores the original snippet for this page.

Editor

6 lines

Output

0 entries

Mode

challenge

Workspace Notes

Changes stay local until you run the code. Reset restores the original snippet immediately for another pass.

Live editing

Safe to change before every run.

Fast reset

Return to the original starter instantly.

spread-rest-merge.js
6 linesMonaco Editor
Loading...

Editor Actions

Run your solution and compare the result with the expected challenge output.

Console0 entries

Run the code to see output here.

Challenge Result

Run the code to check whether your solution matches the expected outcome.

Expected Output

1,2,3,4

Continue in Playground

Open this starter code in the shared playground if you want a focused space for experimenting outside the challenge page.

Open in Playground