Why built-in methods are useful in Javascript

Introduction

Built-in methods help you do common tasks quickly without writing extra code. They save time and make your programs easier to read.

When you want to change text, like making it uppercase or lowercase.

When you need to find or replace parts of a string.

When you want to work with arrays, like adding or removing items.

When you want to check if a number is inside a range.

When you want to convert data types easily.

Syntax

Javascript

object.methodName(arguments)

Built-in methods belong to JavaScript objects like strings, arrays, or numbers.

You call them using a dot (.) after the object name.

Examples

This changes the text to uppercase using the toUpperCase() method.

Javascript

let text = "hello";
let upper = text.toUpperCase();

This adds the number 4 to the end of the array using the push() method.

Javascript

let numbers = [1, 2, 3];
numbers.push(4);

This checks if the letter "A" is in the name using the includes() method.

Javascript

let name = "Alice";
let hasA = name.includes("A");

Sample Program

This program shows how built-in methods help change text and check content easily.

Javascript

let message = "hello world";

// Use built-in method to make uppercase
let shout = message.toUpperCase();

// Use built-in method to check if 'WORLD' is inside
let hasWorld = shout.includes("WORLD");

console.log(shout);
console.log(hasWorld);

Important Notes

Built-in methods are tested and optimized, so they usually work faster than custom code.

Using them makes your code shorter and easier to understand.

Summary

Built-in methods save time by doing common tasks for you.

They make your code cleaner and easier to read.

Use them to work with strings, arrays, numbers, and more.

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