For each task below, decide whether forEach, map, filter, or toSorted is the best tool:

1. Create a new array containing only the posts that belong to user 7.
2. Create a new array of just the usernames from an array of user objects.
3. Loop through an array of comments and insert each one into the DOM.
4. Create a new array of posts ordered from most likes to fewest likes without changing the original array.

What will this code return?

const numbers = [2, 4, 6];
const stuff = numbers.map((num) => num * 2);
console.log(stuff);

Then answer:

1. Does map change the original numbers array?
2. Why is map often useful when generating HTML strings from data?

What will this code return?

const posts = [
  { id: 1, bookmarked: true },
  { id: 2, bookmarked: false },
  { id: 3, bookmarked: true }
];

const savedPosts = posts.filter((post) => post.bookmarked);
console.log(savedPosts);

Then answer:

1. How many objects will be in savedPosts?
2. What is the difference between filter and map?

Why can this code produce the wrong result?

const likes = [3, 18, 2, 25];
console.log(likes.sort((a, b) => a - b));

Rewrite it so that:

1. the values are sorted from largest to smallest
2. the original likes array is not mutated

Put these steps in the correct order:

async function displayserverDataToDOM() {
    // 1. Update the DOM with the returned data.
    // 2. Build the URL and request options.
    // 3. Read a search term or id from the DOM.
    // 4. Convert the response to JSON.
    // 5. Call `fetch(...)`.
}

Then discuss:

1. Where does await belong in this process?
2. What should your code do if response.ok is false?

Match each action to the most appropriate HTTP method:

1. Load the current user’s profile
2. Create a new bookmark
3. Remove an existing bookmark
4. Load the list of posts

Choose from: GET, POST, DELETE

Then explain:

1. Which of these requests usually needs a request body?
2. Which of these requests should change data on the server?

Navigate to the quizzes page and take the following quizzes for practice:

1. JavaScript Array Methods: map, filter, reduce, forEach
2. HTTP Methods + Fetch API with Async/Await