hands-on lab

Working With JavaScript Spread Operator

Up to 45m
Get guided in a real environmentPractice with a step-by-step scenario in a real, provisioned environment.
Learn and validateUse validations to check your solutions every step of the way.
See resultsTrack your knowledge and monitor your progress.


In this lab, you will be working with the JavaScript Spread Operator. The spread operator is a syntax with the purpose of unpacking values from an iterable data collection into individual elements. The spread operator can be used as a copying mechanism in JavaScript, which can lead to some unintended side effects.


Learning Objectives

Upon completion of this lab, you will be able to:

  • Use the spread operator to make a new object from an existing object.
  • Use the spread operator to merge two arrays into one new array.

Intended Audience

  • Beginners learning front-end development
  • Software Engineers who need to learn front-end technologies to expand their skillset


The following courses/courses and labs can ensure your success:

About the author

Farish Kashefinejad, opens in a new tab
Full-Stack Development Content Creator
Learning paths

Farish has worked in the EdTech industry for over six years. He is passionate about teaching valuable coding skills to help individuals and enterprises succeed.

Previously, Farish worked at 2U Inc in two concurrent roles. Farish worked as an adjunct instructor for 2U’s full-stack boot camps at UCLA and UCR. Farish also worked as a curriculum engineer for multiple full-stack boot camp programs. As a curriculum engineer, Farish’s role was to create activities, projects, and lesson plans taught in the boot camps used by over 50 University partners. Along with these duties, Farish also created nearly 80 videos for the full-stack blended online program.

Before 2U, Farish worked at Codecademy for over four years, both as a content creator and part of the curriculum experience team.

Farish is an avid powerlifter, sushi lover, and occasional Funko collector.

Covered topics

Lab steps

Introduction to JavaScript Labs
Creating a New Car Object Using the Spread Operator
Replacing Property Values of the New Car Object
Adding an Additional Property to the New Car Object
Merging Two Arrays Using the Spread Operator