Jassif Team Institution

JavaScript Array Methods

Basic Array Methods

• Array length
• Array toString()
• Array at()
• Array join()
• Array pop()
• Array push()
• Array shift()
• Array unshift()
• Array isArray()
• Array delete()
• Array concat()
• Array copyWithin()
• Array flat()
• Array slice()
• Array splice()
• Array toSpliced()

Complete JavaScript Array Reference

See Also:

• JavaScript Array Tutorial
• JavaScript Array Search Methods
• JavaScript Array Sort Methods
• JavaScript Array Iteration Methods

JavaScript Array length

length பண்பு ஒரு வரிசையின் நீளத்தை (அளவு) வழங்குகிறது:

எடுத்துக்காட்டு

const fruits = ["Banana", "Orange", "Apple", "Mango"];

let size = fruits.length;

length பண்பு ஒரு வரிசையின் நீளத்தை அமைக்கவும் பயன்படுத்தலாம்:

எடுத்துக்காட்டு

const fruits = ["Banana", "Orange", "Apple", "Mango"];

fruits.length = 2;

JavaScript Array toString()

toString() முறை ஒரு வரிசையின் உறுப்புகளை காற்புள்ளியால் பிரிக்கப்பட்ட சரமாக வழங்குகிறது.

எடுத்துக்காட்டு

const fruits = ["Banana", "Orange", "Apple", "Mango"];

let myList = fruits.toString();

JavaScript Array at()

ES2022 வரிசை முறை at() ஐ அறிமுகப்படுத்தியது:

எடுத்துக்காட்டுகள்

at() பயன்படுத்தி fruits இன் மூன்றாவது உறுப்பைப் பெறவும்:

const fruits = ["Banana", "Orange", "Apple", "Mango"];
let fruit = fruits.at(2);

[] பயன்படுத்தி fruits இன் மூன்றாவது உறுப்பைப் பெறவும்:

const fruits = ["Banana", "Orange", "Apple", "Mango"];
let fruit = fruits[2];

at() முறை ஒரு வரிசையில் இருந்து குறியிடப்பட்ட உறுப்பை வழங்குகிறது.

at() முறை [] போன்றதே வழங்குகிறது.

Browser Support

at() என்பது ஒரு ES2022 அம்சமாகும்.

JavaScript 2022 மார்ச் 2022 முதல் அனைத்து நவீன உலாவிகளிலும் ஆதரிக்கப்படுகிறது:

JavaScript Array join()

join() முறையும் அனைத்து வரிசை உறுப்புகளையும் ஒரு சரத்தில் இணைக்கிறது.

இது toString() போலவே செயல்படுகிறது, ஆனால் கூடுதலாக நீங்கள் பிரிப்பானைக் குறிப்பிடலாம்:

எடுத்துக்காட்டு

const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.join(" * ");

முடிவு:

Banana * Orange * Apple * Mango

Popping and Pushing

நீங்கள் வரிசைகளுடன் பணிபுரியும் போது, உறுப்புகளை நீக்கவும் புதிய உறுப்புகளைச் சேர்க்கவும் எளிதானது.

இதுதான் popping மற்றும் pushing:

ஒரு வரிசையிலிருந்து உருப்படிகளை popping, அல்லது ஒரு வரிசையில் உருப்படிகளை pushing.

JavaScript Array pop()

pop() முறை ஒரு வரிசையிலிருந்து கடைசி உறுப்பை நீக்குகிறது:

எடுத்துக்காட்டு

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();

pop() முறை "popped out" செய்யப்பட்ட மதிப்பை வழங்குகிறது:

எடுத்துக்காட்டு

const fruits = ["Banana", "Orange", "Apple", "Mango"];
let fruit = fruits.pop();

JavaScript Array push()

push() முறை ஒரு வரிசையில் ஒரு புதிய உறுப்பைச் சேர்க்கிறது (இறுதியில்):

எடுத்துக்காட்டு

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi");

push() முறை புதிய வரிசை நீளத்தை வழங்குகிறது:

எடுத்துக்காட்டு

const fruits = ["Banana", "Orange", "Apple", "Mango"];
let length = fruits.push("Kiwi");

Shifting Elements

Shifting என்பது popping க்கு சமமானது, ஆனால் கடைசிக்கு பதிலாக முதல் உறுப்பில் வேலை செய்கிறது.

JavaScript Array shift()

shift() முறை முதல் வரிசை உறுப்பை நீக்கி, மற்ற எல்லா உறுப்புகளையும் குறைந்த குறியீட்டிற்கு "shifts" செய்கிறது.

எடுத்துக்காட்டு

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();

shift() முறை "shifted out" செய்யப்பட்ட மதிப்பை வழங்குகிறது:

எடுத்துக்காட்டு

const fruits = ["Banana", "Orange", "Apple", "Mango"];
let fruit = fruits.shift();

JavaScript Array unshift()

unshift() முறை ஒரு வரிசையில் ஒரு புதிய உறுப்பைச் சேர்க்கிறது (தொடக்கத்தில்), மற்றும் பழைய உறுப்புகளை "unshifts" செய்கிறது:

எடுத்துக்காட்டு

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");

unshift() முறை புதிய வரிசை நீளத்தை வழங்குகிறது:

எடுத்துக்காட்டு

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");

Changing Elements

வரிசை உறுப்புகள் அவற்றின் குறியீட்டு எண்ணைப் பயன்படுத்தி அணுகப்படுகின்றன:

வரிசை குறியீடுகள் 0 உடன் தொடங்குகின்றன:

• [0] என்பது முதல் வரிசை உறுப்பு
• [1] என்பது இரண்டாவது
• [2] என்பது மூன்றாவது ...

எடுத்துக்காட்டு

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[0] = "Kiwi";

JavaScript Array length

length பண்பு ஒரு வரிசையில் புதிய உறுப்பைச் சேர்க்க எளிதான வழியை வழங்குகிறது:

எடுத்துக்காட்டு

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[fruits.length] = "Kiwi";

Array.isArray()

ECMAScript 5 (JavaScript 2009) JavaScript க்கு புதிய முறை Array.isArray() ஐச் சேர்த்தது:

எடுத்துக்காட்டு

Array.isArray(fruits);

JavaScript Array delete()

எடுத்துக்காட்டு

const fruits = ["Banana", "Orange", "Apple", "Mango"];
delete fruits[0];

Merging Arrays (Concatenating)

நிரலாக்க மொழிகளில், concatenation என்பது சரங்களை இறுதியிலிருந்து இறுதிவரை இணைப்பதாகும்.

"snow" மற்றும் "ball" concatenation "snowball" ஐக் கொடுக்கிறது.

வரிசைகளை concatenating என்பது வரிசைகளை இறுதியிலிருந்து இறுதிவரை இணைப்பதாகும்.

JavaScript Array concat()

concat() முறை இருக்கும் வரிசைகளை இணைப்பதன் மூலம் (concatenating) ஒரு புதிய வரிசையை உருவாக்குகிறது:

எடுத்துக்காட்டு (Merging Two Arrays)

const myGirls = ["Cecilie", "Lone"];
const myBoys = ["Emil", "Tobias", "Linus"];

const myChildren = myGirls.concat(myBoys);

எடுத்துக்காட்டு (Merging Three Arrays)

const arr1 = ["Cecilie", "Lone"];
const arr2 = ["Emil", "Tobias", "Linus"];
const arr3 = ["Robin", "Morgan"];
const myChildren = arr1.concat(arr2, arr3);

concat() முறை சரங்களை வாதங்களாகவும் எடுத்துக்கொள்ளலாம்:

எடுத்துக்காட்டு (Merging an Array with Values)

const arr1 = ["Emil", "Tobias", "Linus"];
const myChildren = arr1.concat("Peter");

Array copyWithin()

copyWithin() முறை வரிசை உறுப்புகளை வரிசையில் மற்றொரு நிலைக்கு நகலெடுக்கிறது:

எடுத்துக்காட்டுகள்

குறியீடு 2 க்கு நகலெடுக்கவும், குறியீடு 0 இலிருந்து அனைத்து உறுப்புகளும்:

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.copyWithin(2, 0);

குறியீடு 2 க்கு நகலெடுக்கவும், குறியீடு 0 முதல் 2 வரையிலான உறுப்புகள்:

const fruits = ["Banana", "Orange", "Apple", "Mango", "Kiwi"];
fruits.copyWithin(2, 0, 2);

Flattening an Array

ஒரு வரிசையை தட்டையாக்குவது என்பது ஒரு வரிசையின் பரிமாணத்தைக் குறைக்கும் செயல்முறையாகும்.

நீங்கள் ஒரு பல-பரிமாண வரிசையை ஒரு-பரிமாண வரிசையாக மாற்ற விரும்பும் போது தட்டையாக்குவது பயனுள்ளதாக இருக்கிறது.

JavaScript Array flat()

ES2019 Array flat() முறையை அறிமுகப்படுத்தியது.

flat() முறை துணை-வரிசை உறுப்புகள் குறிப்பிட்ட ஆழத்திற்கு இணைக்கப்பட்ட ஒரு புதிய வரிசையை உருவாக்குகிறது.

எடுத்துக்காட்டு

const myArr = [[1,2],[3,4],[5,6]];
const newArr = myArr.flat();

Browser Support

flat() என்பது ஒரு ECMAScript 2019 அம்சமாகும்.

ES2019 ஜனவரி 2020 முதல் அனைத்து நவீன உலாவிகளிலும் ஆதரிக்கப்படுகிறது:

JavaScript Array flatMap()

ES2019 JavaScript க்கு Array flatMap() முறையைச் சேர்த்தது.

flatMap() முறை முதலில் ஒரு வரிசையின் அனைத்து உறுப்புகளையும் வரைபடமாக்குகிறது, பின்னர் வரிசையை தட்டையாக்குவதன் மூலம் ஒரு புதிய வரிசையை உருவாக்குகிறது.

எடுத்துக்காட்டு

const myArr = [1, 2, 3, 4, 5, 6];
const newArr = myArr.flatMap(x => [x, x * 10]);

Browser Support

flatMap() என்பது ஒரு ECMAScript 2019 அம்சமாகும்.

ES2019 ஜனவரி 2020 முதல் அனைத்து நவீன உலாவிகளிலும் ஆதரிக்கப்படுகிறது:

Splicing and Slicing Arrays

splice() முறை ஒரு வரிசையில் புதிய உருப்படிகளைச் சேர்க்கிறது.

slice() முறை ஒரு வரிசையின் ஒரு பகுதியை வெட்டுகிறது.

JavaScript Array splice()

splice() முறை ஒரு வரிசையில் புதிய உருப்படிகளைச் சேர்க்கப் பயன்படுத்தலாம்:

எடுத்துக்காட்டு

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");

முதல் அளவுரு (2) புதிய உறுப்புகள் எங்கே சேர்க்கப்பட வேண்டும் என்பதை வரையறுக்கிறது (spliced in).

இரண்டாவது அளவுரு (0) எத்தனை உறுப்புகள் நீக்கப்பட வேண்டும் என்பதை வரையறுக்கிறது.

மீதமுள்ள அளவுருக்கள் ("Lemon", "Kiwi") சேர்க்கப்பட வேண்டிய புதிய உறுப்புகளை வரையறுக்கின்றன.

splice() முறை நீக்கப்பட்ட உருப்படிகளுடன் ஒரு வரிசையை வழங்குகிறது:

எடுத்துக்காட்டு

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 2, "Lemon", "Kiwi");

Using splice() to Remove Elements

புத்திசாலித்தனமான அளவுரு அமைப்புடன், வரிசையில் "துளைகளை" விட்டுச்செல்லாமல் உறுப்புகளை நீக்க splice() ஐப் பயன்படுத்தலாம்:

எடுத்துக்காட்டு

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(0, 1);

முதல் அளவுரு (0) புதிய உறுப்புகள் எங்கே சேர்க்கப்பட வேண்டும் என்பதை வரையறுக்கிறது (spliced in).

இரண்டாவது அளவுரு (1) எத்தனை உறுப்புகள் நீக்கப்பட வேண்டும் என்பதை வரையறுக்கிறது.

மீதமுள்ள அளவுருக்கள் தவிர்க்கப்படுகின்றன. புதிய உறுப்புகள் சேர்க்கப்படாது.

JavaScript Array toSpliced()

ES2023 அசல் வரிசையை மாற்றாமல் ஒரு வரிசையை splice செய்ய பாதுகாப்பான வழியாக Array toSpliced() முறையைச் சேர்த்தது.

புதிய toSpliced() முறைக்கும் பழைய splice() முறைக்கும் உள்ள வித்தியாசம் என்னவென்றால், புதிய முறை ஒரு புதிய வரிசையை உருவாக்குகிறது, அசல் வரிசையை மாறாமல் வைத்திருக்கிறது, அதே நேரத்தில் பழைய முறை அசல் வரிசையை மாற்றியது.

எடுத்துக்காட்டு

const months = ["Jan", "Feb", "Mar", "Apr"];
const spliced = months.toSpliced(0, 1);

JavaScript Array slice()

slice() முறை ஒரு வரிசையின் ஒரு பகுதியை ஒரு புதிய வரிசையில் வெட்டுகிறது:

எடுத்துக்காட்டு

வரிசை உறுப்பு 1 ("Orange") இலிருந்து தொடங்கி ஒரு வரிசையின் ஒரு பகுதியை வெட்டவும்:

const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(1);

எடுத்துக்காட்டு

வரிசை உறுப்பு 3 ("Apple") இலிருந்து தொடங்கி ஒரு வரிசையின் ஒரு பகுதியை வெட்டவும்:

const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(3);

slice() முறை slice(1, 3) போன்ற இரண்டு வாதங்களை எடுத்துக்கொள்ளலாம்.

முறை தொடக்க வாதத்திலிருந்து உறுப்புகளைத் தேர்ந்தெடுக்கிறது, மற்றும் இறுதி வாதம் வரை (ஆனால் உள்ளடக்காது).

எடுத்துக்காட்டு

const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(1, 3);

முதல் எடுத்துக்காட்டுகளில் உள்ளதைப் போல, இறுதி வாதம் தவிர்க்கப்பட்டால், slice() முறை மீதமுள்ள வரிசையை வெட்டுகிறது.

எடுத்துக்காட்டு

const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(2);

Automatic toString()

ஒரு primitive மதிப்பு எதிர்பார்க்கப்படும் போது, JavaScript தானாகவே ஒரு வரிசையை காற்புள்ளியால் பிரிக்கப்பட்ட சரமாக மாற்றுகிறது.

நீங்கள் ஒரு வரிசையை வெளியிட முயற்சிக்கும் போது இது எப்போதும் நடக்கும்.

இந்த இரண்டு எடுத்துக்காட்டுகளும் ஒரே முடிவை உருவாக்கும்:

எடுத்துக்காட்டு

const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();

எடுத்துக்காட்டு

const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits;

Searching Arrays

வரிசைகளைத் தேடுதல் இந்த டுடோரியலின் அடுத்த அத்தியாயத்தில் உள்ளடக்கப்பட்டுள்ளது.

Sorting Arrays

வரிசைகளை வரிசைப்படுத்துதல் வரிசைகளை வரிசைப்படுத்தப் பயன்படுத்தப்படும் முறைகளை உள்ளடக்கியது.

Iterating Arrays

வரிசைகளைத் தேர்ந்தெடுத்தல் அனைத்து வரிசை உறுப்புகளிலும் செயல்படும் முறைகளை உள்ளடக்கியது.

Exercise

பின்வரும் குறியீட்டை இயக்கிய பிறகு:

const fruits = ['Banana', 'Orange', 'Apple'];
fruits.pop();

fruits வரிசை எப்படி இருக்கும்?