JavaScript Array Methods

Array methods అనేవి arrays పై సాధారణ పనులను సులభంగా చేయడానికి JavaScript అందించే built-in functions. Array లో items add చేయడం, remove చేయడం, search చేయడం, copy లోని కొంత భాగాన్ని తీసుకోవడం వంటి పనులకు ఇవి ఉపయోగపడతాయి.

1. push()

push() method array చివరలో ఒకటి లేదా ఎక్కువ items ను add చేస్తుంది. ఇది original array ను మార్చుతుంది మరియు కొత్త length ను return చేస్తుంది.

2. pop()

pop() method array చివరి item ను remove చేస్తుంది. Remove చేసిన item ను return చేస్తుంది.

3. unshift()

unshift() method array ప్రారంభంలో items ను add చేస్తుంది. ఇది original array ను మార్చి కొత్త length ను return చేస్తుంది.

4. shift()

shift() method array మొదటి item ను remove చేసి ఆ item ను return చేస్తుంది.

5. includes()

includes() method array లో ఒక value ఉందా లేదా అని check చేస్తుంది. Result గా true లేదా false వస్తుంది.

6. indexOf()

indexOf() method ఒక value యొక్క మొదటి index ను return చేస్తుంది. Value లేకపోతే -1 return చేస్తుంది.

7. slice()

slice() method original array ను మార్చకుండా, array లోని ఒక భాగంతో కొత్త array ను తయారు చేస్తుంది. Start index include అవుతుంది, end index include కాదు.

8. splice()

splice() method array లో items ను remove చేయడానికి, add చేయడానికి లేదా replace చేయడానికి ఉపయోగపడుతుంది. ఇది original array ను మార్చుతుంది.

కొన్ని methods original array ను మార్చుతాయి. push(), pop(), shift(), unshift(), splice() mutation methods. slice(), includes(), indexOf() సాధారణంగా original array ను మార్చవు.

forEach() method గురించి కూడా తెలుసుకోవాలి. ఇది array లోని ప్రతి item పై ఒక function ను run చేస్తుంది. కానీ ఇది కొత్త transformed array ను return చేయదు. map(), filter(), reduce() methods ను తరువాతి lesson లో వివరంగా నేర్చుకుంటాం.

Simple Explanation

Array ను ఒక shopping list లాగా ఊహించుకోండి. కొత్త item ను చివరలో పెట్టడానికి push(), చివరి item తీసేయడానికి pop(), మొదటి item ను తీసేయడానికి shift(), మొదట్లో item పెట్టడానికి unshift() ఉపయోగిస్తాం. ఒక item list లో ఉందో లేదో తెలుసుకోవడానికి includes(), అది ఏ position లో ఉందో తెలుసుకోవడానికి indexOf() ఉపయోగిస్తాం. List లోని ఒక భాగాన్ని copy చేయడానికి slice(), list మధ్యలో items ను remove లేదా add చేయడానికి splice() ఉపయోగిస్తాం.

Real-Life Example

ఒక online shopping cart లో products ను store చేయడానికి array ఉపయోగించవచ్చు. Customer కొత్త product ను cart లో add చేస్తే push(), చివరిగా add చేసిన product ను remove చేస్తే pop(), cart లో product ఉందా అని check చేయడానికి includes() లేదా objects ఉన్నప్పుడు condition-based search ఉపయోగించవచ్చు. Cart లోని కొన్ని products ను copy చేయడానికి slice(), ఒక product ను మధ్యలో remove చేయడానికి splice() ఉపయోగించవచ్చు.

Code Examples

push(), pop(), shift(), మరియు unshift()

let fruits = ["Apple", "Banana"];

fruits.push("Mango");
console.log(fruits);

fruits.unshift("Orange");
console.log(fruits);

const firstFruit = fruits.shift();
console.log(firstFruit);

const lastFruit = fruits.pop();
console.log(lastFruit);
console.log(fruits);

మొదట push() ద్వారా Mango చివరలో add అవుతుంది. తరువాత unshift() ద్వారా Orange ప్రారంభంలో add అవుతుంది. shift() మొదటి item ను remove చేస్తుంది, pop() చివరి item ను remove చేస్తుంది.

["Apple", "Banana", "Mango"]
["Orange", "Apple", "Banana", "Mango"]
Orange
Mango
["Apple", "Banana"]

includes(), indexOf(), మరియు slice()

const colors = ["Red", "Blue", "Green", "Yellow"];

console.log(colors.includes("Green"));
console.log(colors.indexOf("Blue"));

const selectedColors = colors.slice(1, 3);
console.log(selectedColors);
console.log(colors);

includes() Green ఉందని true return చేస్తుంది. indexOf() Blue యొక్క index ను return చేస్తుంది. slice(1, 3) index 1 నుండి index 3 ముందు వరకు values ను కొత్త array గా తీసుకుంటుంది. Original colors array మారదు.

true
1
["Blue", "Green"]
["Red", "Blue", "Green", "Yellow"]

splice() మరియు forEach()

const numbers = [10, 20, 30, 40];

numbers.splice(1, 1, 25);
console.log(numbers);

numbers.forEach(function (number) {
  console.log(number);
});

splice(1, 1, 25) index 1 దగ్గర ఒక item ను remove చేసి, దాని స్థానంలో 25 ను add చేస్తుంది. తరువాత forEach() array లోని ప్రతి number ను ఒక్కొక్కటిగా console లో print చేస్తుంది.

[10, 25, 30, 40]
10
25
30
40

Line-by-Line Explanation

let fruits = [“Apple”, “Banana”];

fruits అనే variable లో రెండు strings ఉన్న array ను create చేస్తున్నాం.

fruits.push(“Mango”);

push() method ద్వారా Mango ను array చివరలో add చేస్తున్నాం. Original array update అవుతుంది.

console.log(fruits);

Update అయిన fruits array ను console లో చూపిస్తున్నాం.

fruits.unshift(“Orange”);

unshift() method ద్వారా Orange ను array ప్రారంభంలో add చేస్తున్నాం.

console.log(fruits);

Orange add అయిన తరువాత array లోని values ను print చేస్తున్నాం.

const firstFruit = fruits.shift();

shift() మొదటి item ను remove చేసి, remove చేసిన value ను firstFruit లో store చేస్తుంది.

console.log(firstFruit);

Remove చేసిన మొదటి fruit ను console లో చూపిస్తున్నాం.

const lastFruit = fruits.pop();

pop() చివరి item ను remove చేసి, ఆ value ను lastFruit లో store చేస్తుంది.

console.log(lastFruit);

Remove చేసిన చివరి fruit ను console లో print చేస్తున్నాం.

console.log(fruits);

మొదటి మరియు చివరి items remove అయిన తరువాత మిగిలిన array ను చూపిస్తున్నాం.

Try It

Try this JavaScript code:

Example

const tasks = ["Study", "Exercise"];

// Add "Read" to the end of the array.

// Add "Wake up" to the beginning of the array.

console.log(tasks);

Try It Yourself »

Practice

Practice:

tasks array లో push() ఉపయోగించి Read ను చివరలో add చేయండి. తరువాత unshift() ఉపయోగించి Wake up ను ప్రారంభంలో add చేయండి. చివరగా array ను console లో print చేయండి.

Hint:

మొదట tasks.push(“Read”) ఉపయోగించండి. తరువాత tasks.unshift(“Wake up”) ఉపయోగించండి.

Common Mistakes

pop() మొదటి item ను remove చేస్తుందని అనుకోవడం.

pop() ఎప్పుడూ చివరి item ను remove చేస్తుంది. మొదటి item కోసం shift() ఉపయోగించాలి.

shift() లేదా unshift() ఉపయోగించిన తరువాత array మారదని అనుకోవడం.

ఈ methods original array ను మార్చుతాయి. Method call తరువాత array లోని values ను మళ్లీ check చేయండి.

slice() మరియు splice() ఒకే పని చేస్తాయని అనుకోవడం.

slice() కొత్త array ను తయారు చేసి original array ను మార్చదు. splice() original array ను మార్చి items ను remove లేదా add చేస్తుంది.

indexOf() value దొరకనప్పుడు undefined return చేస్తుందని అనుకోవడం.

Value దొరకనప్పుడు indexOf() -1 ను return చేస్తుంది.

Interview Questions

push() మరియు unshift() మధ్య తేడా ఏమిటి?

Answer:

push() ఒకటి లేదా ఎక్కువ items ను array చివరలో add చేస్తుంది. unshift() items ను array ప్రారంభంలో add చేస్తుంది. రెండూ original array ను మార్చుతాయి.

pop() మరియు shift() ఏం చేస్తాయి?

Answer:

pop() చివరి item ను remove చేసి return చేస్తుంది. shift() మొదటి item ను remove చేసి return చేస్తుంది.

slice() మరియు splice() మధ్య ముఖ్యమైన తేడా ఏమిటి?

Answer:

slice() original array ను మార్చకుండా ఒక భాగంతో కొత్త array ను return చేస్తుంది. splice() original array ను మార్చి items ను remove, add లేదా replace చేస్తుంది.

includes() method ఏ result ను return చేస్తుంది?

Answer:

Array లో ఇచ్చిన value ఉంటే true, లేకపోతే false return చేస్తుంది.

Exam Questions

const values = [1, 2, 3]; values.push(4); తరువాత values.length ఎంత?

Answer:

values.length 4 అవుతుంది, ఎందుకంటే push() ఒక కొత్త item ను చివరలో add చేసింది.

const items = [“A”, “B”, “C”]; items.shift() call చేసిన తరువాత items array ఏమవుతుంది?

Answer:

మొదటి item remove అవుతుంది. items array [“B”, “C”] గా ఉంటుంది.

const letters = [“a”, “b”, “c”, “d”]; letters.slice(1, 3) result ఏమిటి?

Answer:

Result [“b”, “c”] అవుతుంది. Start index include అవుతుంది, end index include కాదు.

ఒక array లో value ఉందా లేదా check చేయడానికి ఏ method ఉపయోగిస్తారు?

Answer:

includes() method ఉపయోగిస్తారు. ఇది true లేదా false return చేస్తుంది.

Quick Revision

push() array చివరలో item add చేస్తుంది.
pop() array చివరి item ను remove చేస్తుంది.
unshift() array ప్రారంభంలో item add చేస్తుంది.
shift() array మొదటి item ను remove చేస్తుంది.
includes() value ఉందా లేదా అని true లేదా false తో చెబుతుంది.
indexOf() value యొక్క index ను return చేస్తుంది; value లేకపోతే -1 ఇస్తుంది.
slice() original array ను మార్చకుండా కొత్త భాగాన్ని return చేస్తుంది.
splice() original array లో items ను remove, add లేదా replace చేస్తుంది.
forEach() ప్రతి array item పై ఒక function ను run చేస్తుంది.

JavaScript Array Methods