CSCI 344: Spring 2025

Advanced Web Technology

CSCI 344: Spring 2025

UNCA Logo

JavaScript Resources > Higher Order Array Functions: Practice

Exercises

1. Merge Objects and Arrays

Use the spread operator to merge two objects and two arrays.

const obj1 = { a: 1, b: 2 };
const obj2 = { c: 3, d: 4 };
const mergedObj = // Your code here

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const mergedArr = // Your code here

console.log(mergedObj);
console.log(mergedArr);

2. Object Destructuring

2.1. Extract Object Properties

Given an object, use destructuring to extract specific properties.

const user = { name: "Alice", age: 25, city: "New York" };
const // Your code here

console.log(name); // Expected: Alice
console.log(age);  // Expected: 25

3. forEach

3.1. Iterate and Print Array Elements

Use forEach to iterate over an array and log each element.

const numbers = [1, 2, 3, 4, 5];
// Your code here

4. map

4.1. Double Each Element

Use map to create a new array where each element is doubled.

const numbers = [1, 2, 3, 4, 5];
const doubledNumbers = // Your code here

console.log(doubledNumbers);

5. filter

5.1 Filter Even Numbers

Use filter to create a new array containing only even numbers.

const numbers = [1, 2, 3, 4, 5, 6, 7, 8];
const evenNumbers = // Your code here

console.log(evenNumbers);

6. reduce

6.1. Sum of Array Elements

Use reduce to calculate the sum of all elements in an array.

const numbers = [1, 2, 3, 4, 5];
const sum = // Your code here

console.log(sum);