Why built-in methods are useful in Javascript - Quick Recap

Recall & Review

beginner

What are built-in methods in JavaScript?

Built-in methods are functions provided by JavaScript that you can use directly on data types like strings, arrays, and objects to perform common tasks easily.

beginner

Why do built-in methods save time when coding?

Because they are already written and tested, so you don’t have to write code from scratch for common tasks like sorting, searching, or changing text.

intermediate

How do built-in methods help reduce errors?

They are tested by many developers and browsers, so they work reliably, which means fewer bugs in your code compared to writing your own complex functions.

beginner

Give an example of a built-in method for arrays in JavaScript.

The push() method adds an item to the end of an array. For example, arr.push(5) adds 5 to the array arr.

intermediate

How do built-in methods improve code readability?

They use clear names and standard behavior, so other programmers can easily understand what your code does without extra explanation.

What is one main benefit of using built-in methods in JavaScript?

A They require you to write more code

B They make your code run slower

C They save time by reusing tested code

D They only work with numbers

Built-in methods save time because they are pre-written and tested functions you can use directly.

Which of these is a built-in method for strings in JavaScript?

A push()

B toUpperCase()

C sort()

D pop()

toUpperCase() changes all letters in a string to uppercase.

How do built-in methods help reduce bugs in your code?

A They are tested and reliable

B They hide errors automatically

C They make code longer

D They only work in some browsers

Built-in methods are tested by many developers and browsers, so they work reliably and reduce bugs.

Which built-in method adds an item to the end of an array?

A push()

B pop()

C shift()

D slice()

push() adds an item to the end of an array.

Why do built-in methods improve code readability?

A They hide the code completely

B They make code harder to understand

C They require special comments

D They use clear and standard names

Built-in methods have clear names and standard behavior, making code easier to read.

Explain in your own words why using built-in methods in JavaScript is helpful when writing code.

Think about how using ready-made tools helps you work faster and safer.

List three examples of built-in methods in JavaScript and describe what they do.

Focus on common methods for arrays and strings.

Practice

1. Why are built-in methods useful in JavaScript?

easy

A. They require writing more code manually.

B. They make the code run slower.

C. They save time by performing common tasks automatically.

D. They only work with numbers.

Solution

1. Step 1: Understand the purpose of built-in methods

   Built-in methods are pre-made functions in JavaScript that help perform common tasks easily.

2. Step 2: Identify the benefit of using them

   They save time and make code cleaner by doing tasks automatically without extra code.

3. Final Answer:

   They save time by performing common tasks automatically. -> Option C

4. Quick Check:

   Built-in methods save time = C [OK]

Hint: Built-in methods do common tasks fast and easy [OK]

Common Mistakes:

• Thinking built-in methods slow down code
• Believing built-in methods need more manual code
• Assuming built-in methods only work with numbers

2. Which of the following is the correct way to use the built-in method toUpperCase() on a string text?

easy

A. text.toUpperCase()

B. toUpperCase(text)

C. text.to_upper_case()

D. text.upperCase()

Solution

1. Step 1: Recall the syntax of string methods

   In JavaScript, string methods are called on the string variable using dot notation, like variable.method().

2. Step 2: Match the correct method name and usage

   The correct method name is toUpperCase(), so calling text.toUpperCase() is correct.

3. Final Answer:

   text.toUpperCase() -> Option A

4. Quick Check:

   String method syntax = A [OK]

Hint: Use dot notation with exact method name and parentheses [OK]

Common Mistakes:

• Using function style call like toUpperCase(text)
• Writing method name with underscores
• Missing parentheses after method name

3. What will be the output of the following code?

const fruits = ['apple', 'banana', 'cherry'];
const result = fruits.includes('banana');
console.log(result);

medium

A. false

B. Error

C. undefined

D. true

Solution

1. Step 1: Understand what includes() does on arrays

   The includes() method checks if an array contains a specific value and returns true or false.

2. Step 2: Check if 'banana' is in the array

   The array fruits contains 'banana', so fruits.includes('banana') returns true.

3. Final Answer:

   true -> Option D

4. Quick Check:

   Array includes 'banana' = true [OK]

Hint: includes() returns true if item is found in array [OK]

Common Mistakes:

• Confusing includes() with indexOf() returning index
• Expecting string output instead of boolean
• Mistyping method name

4. Find the error in this code that tries to convert a string to lowercase:

let name = 'Alice';
let lower = name.lowercase();
console.log(lower);

medium

A. Strings cannot be converted to lowercase.

B. The method should be toLowerCase(), not lowercase().

C. Missing semicolon after console.log.

D. The variable name is not declared.

Solution

1. Step 1: Check the method name for converting to lowercase

   The correct method is toLowerCase(), not lowercase().

2. Step 2: Identify the cause of the error

   Calling name.lowercase() causes a TypeError because the method does not exist.

3. Final Answer:

   The method should be toLowerCase(), not lowercase(). -> Option B

4. Quick Check:

   Correct method name = D [OK]

Hint: Use exact method names with correct capitalization [OK]

Common Mistakes:

• Using lowercase() instead of toLowerCase()
• Ignoring case sensitivity in method names
• Assuming semicolon errors cause runtime failure

5. You have an array of numbers: [1, 2, 3, 4, 5]. You want to create a new array with each number doubled using a built-in method. Which code correctly does this?

hard

A. const doubled = numbers.map(n => n * 2);

B. const doubled = numbers.forEach(n => n * 2);

C. const doubled = numbers.filter(n => n * 2);

D. const doubled = numbers.reduce(n => n * 2);

Solution

1. Step 1: Understand the purpose of each method

   map() creates a new array by applying a function to each element. forEach() runs a function but returns undefined. filter() selects elements based on a condition. reduce() combines elements into a single value.

2. Step 2: Choose the method that returns a new array with doubled values

   map() is the correct method to transform each element and return a new array.

3. Final Answer:

   const doubled = numbers.map(n => n * 2); -> Option A

4. Quick Check:

   Use map() to transform arrays = A [OK]

Hint: Use map() to create new arrays from existing ones [OK]

Common Mistakes:

• Using forEach() expecting a returned array
• Using filter() to change values instead of select
• Using reduce() without proper accumulator function