Jassif Team Institution

JavaScript Array Iteration Methods

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

JavaScript Array forEach()

forEach() முறை ஒவ்வொரு வரிசை உறுப்புக்கும் ஒரு முறை செயல்பாட்டை (ஒரு திரும்ப அழைப்பு செயல்பாடு) அழைக்கிறது.

Example

const numbers = [45, 4, 9, 16, 25];
let txt = "";
numbers.forEach(myFunction);

function myFunction(value, index, array) {
  txt += value + "
";
}

செயல்பாடு 3 வாதங்களை எடுக்கும் என்பதை கவனிக்கவும்:

மேலே உள்ள எடுத்துக்காட்டு மதிப்பு அளவுருவை மட்டுமே பயன்படுத்துகிறது:

Example

const numbers = [45, 4, 9, 16, 25];
let txt = "";
numbers.forEach(myFunction);

function myFunction(value) {
  txt += value + "
";
}

JavaScript Array map()

map() முறை ஒவ்வொரு வரிசை உறுப்பிலும் ஒரு செயல்பாட்டைச் செய்வதன் மூலம் புதிய வரிசையை உருவாக்குகிறது.

Example

const numbers1 = [45, 4, 9, 16, 25];
const numbers2 = numbers1.map(myFunction);

function myFunction(value, index, array) {
  return value * 2;
}

JavaScript Array flatMap()

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

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

Example

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

JavaScript Array filter()

filter() முறை ஒரு சோதனையில் தேர்ச்சி பெறும் வரிசை உறுப்புகளுடன் புதிய வரிசையை உருவாக்குகிறது.

Example

const numbers = [45, 4, 9, 16, 25];
const over18 = numbers.filter(myFunction);

function myFunction(value, index, array) {
  return value > 18;
}

JavaScript Array reduce()

reduce() முறை ஒரு தனி மதிப்பை உற்பத்தி செய்ய ஒவ்வொரு வரிசை உறுப்பிலும் ஒரு செயல்பாட்டை இயக்குகிறது.

Example

const numbers = [45, 4, 9, 16, 25];
let sum = numbers.reduce(myFunction);

function myFunction(total, value, index, array) {
  return total + value;
}

JavaScript Array reduceRight()

reduceRight() முறை ஒரு தனி மதிப்பை உற்பத்தி செய்ய ஒவ்வொரு வரிசை உறுப்பிலும் ஒரு செயல்பாட்டை இயக்குகிறது.

Example

const numbers = [45, 4, 9, 16, 25];
let sum = numbers.reduceRight(myFunction);

function myFunction(total, value) {
  return total + value;
}

reduceRight() வரிசையில் வலமிருந்து-இடமாக வேலை செய்கிறது.

JavaScript Array every()

every() முறை அனைத்து வரிசை மதிப்புகளும் ஒரு சோதனையில் தேர்ச்சி பெறுகின்றனவா என சரிபார்க்கிறது.

Example

const numbers = [45, 4, 9, 16, 25];
let allOver18 = numbers.every(myFunction);

function myFunction(value) {
  return value > 18;
}

JavaScript Array some()

some() முறை சில வரிசை மதிப்புகள் ஒரு சோதனையில் தேர்ச்சி பெறுகின்றனவா என சரிபார்க்கிறது.

Example

const numbers = [45, 4, 9, 16, 25];
let someOver18 = numbers.some(myFunction);

function myFunction(value, index, array) {
  return value > 18;
}

JavaScript Array.from()

Array.from() முறை இவற்றிலிருந்து ஒரு Array பொருளைத் தருகிறது:

Example

let text = "ABCDEFG";
Array.from(text);

Array keys() மற்றும் entries()

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

for (let x of keys) {
  text += x + "
";
}

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

for (let x of f) {
  document.getElementById("demo").innerHTML += x;
}

entries() முறை விசை/மதிப்பு ஜோடிகளுடன் ஒரு Array Iterator பொருளைத் தருகிறது.

JavaScript Array with() Method

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

Example

const months = ["Januar", "Februar", "Mar", "April"];
const myMonths = months.with(2, "March");

Array Spread (...) மற்றும் Rest (...)

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const arr3 = [...arr1, ...arr2];

let a, rest;
const arr1 = [1,2,3,4,5,6,7,8];
[a, ...rest] = arr1;

JavaScript Array பயிற்சி

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

const x = [45, 4, 9, 16, 25];
let y = x.every(myfunc);
function myfunc(val) {
  return val > 20;
}

முழுமையான JavaScript குறிப்பு

முழுமையான விளக்கங்கள் மற்றும் பல எடுத்துக்காட்டுகளுடன் அனைத்து JavaScript பண்புகள் மற்றும் முறைகளுக்கான முழுமையான குறிப்புக்கு, செல்லவும்: