cb
ABCD
  • JS Танилцуулга
  • JS Хаана байрлах вэ
  • JS Гаралт /Output/
  • JS Мэдэгдэл /Statement/
  • JS Бичиглэл /Syntax/
  • JS Тайлбар /Comments/
  • JS Хувьсагч /Variables/
  • JS Оператор /Operators/
  • JS Арифметик оператор
  • JS Даалгаварын оператор
  • JS Өгөгдлийн төрөл
  • JS Функц /Function/
  • JS Обьект /Objects/
  • JS Тэмдэгт /Strings/
  • JS Тэмдэгтийн аргууд /String Methods/
  • Тоон утга /Numbers/
  • Тоон утга /Number methods/
  • JS Массив /Array/
  • JS Массив /Array Methods/
  • JS Ангилах /Sort/
  • JS массив давтах аргууд /Iteration/
  • JS Огноо /Dates/
  • JS огнооны формат
  • JS Get Date Methods
  • JS Set Date Methods
  • JS Математик объект
  • JS Cанамсаргүй тоо
  • JS Үнэн/ Худал Boolean утга
  • JS Харьцуулах ба Логик оператор
  • JS Нөхцөл шалгах / If Else
  • JS switch оператор
  • JS For давталт
  • JS For In давталт
  • Js For / Of давталт
  • JS While Давталт
  • JS Break ба Continue
  • JS Let Хувьсагч
  • JS Const Тогтмол хувьсагч
  • JS Төрөл хувиргалт
  • JS Алдаатай ажиллах Throw ба Try Catch
  • JS Гинжин хамаарал буюу Scope, Scope Chain
  • JS Hoisting буюу Өргөх
  • JS Хатуу горим буюу Strict Mode
  • JS this түлхүүр үг
тохиргоо
Толгой хэсэг
Хажуугийн самбар
Үндсэн контент
НЭВТРЭХ

JS массив давтах аргууд /Iteration/

Давталтын арга нь массивын бүр Item дээр үйлчлэх болно.


Array.forEach()

forEach() функцыг дуудхад массивын бүх элементийг давтаж буцаах болно.

Хамгийн их утгыг олох

Жишээ нь

var text = "";
var onoo = [30, 20, 45, 70, 1, 200, 150];
onoo.forEach(myFunc);

function myFunc(value, index, array) {
text = text + value + "<br>";
}
Үр дүнг харах

Функцээр гурван аргумент дамжуулна:

  • item-н утга буюу Value
  • item-н индекс
  • массивыг өөрийг нь

Доорх жишээнд параметрээр зөвхөн value-г дамжуулж болно. 

Жишээ нь

var text = "";
var onoo = [30, 20, 45, 70, 1, 200, 150];
onoo.forEach(myFunc);

function myFunc(value) {
text = text + value + "<br>";
}
Үр дүнг харах

Array.map()

map() methods нь массивын элемент тус бүрд функцийг гүйцэтгэж шинэ массив үүсгэдэг.
map() methods нь үндсэн массивын элементийн утгыг өөрчлөхгүй.
Доорх жишээ нь массивын утга тус бүрийг 3 аар үржүүлнэ.

Жишээ нь

var onoo1 = [30, 20, 45, 70, 1, 200, 150];
var onoo2 = onoo1.map(myFunc);

function myFunc(value, index, array) {
return value * 3;
}
Үр дүнг харах

Параметрээр зөвхөн VALUE-г дамжуулж, INDEX болон ARRAY-г орхигдуулж болно.

Жишээ нь

var onoo1 = [30, 20, 45, 70, 1, 200, 150];
var onoo2 = onoo1.map(myFunc);

function myFunc(value) {
return value * 3;
}
Үр дүнг харах

Array.Filter()

filter() methods нь заасан утгыг шүүж шинэ массив үүсгэдэг.

Доорх жишээнд оноо массивын утга 50 аас их бүх тохиолдолыг шүүж буцааж байна. 

Жишээ нь

var onoo = [30, 20, 45, 70, 1, 200, 150];
var shuukh = onoo.filter(myFunc);

function myFunc(value, index, array) {
return value > 50;
}
Үр дүнг харах

Параметрээр зөвхөн VALUE-г дамжуулж, INDEX болон ARRAY-г орхигдуулж болно.

Жишээ нь

var onoo = [30, 20, 45, 70, 1, 200, 150];
var shuukh = onoo.filter(myFunc);

function myFunc(value) {
return value > 50;
}
Үр дүнг харах

Array.reduce()

reduce() methods-г ашиглан массивын элемент бүрийг нэгтгэж массивыг багасгадаг.

reduce() methods нь массивын зүүнээс баруунд ажилладаг.

reduce() methods нь анхны массивыг багасгахгүй.

Массивын нийлбэрийг ольё.

Жишээ нь

var onoo = [30, 20, 45, 70, 1, 200, 150];
var sum = onoo.reduce(myFunc);

function myFunc(total, value, index, array) {
return total + value;
}
Үр дүнг харах

Параметрээр INDEX болон ARRAY-г орхигдуулж болно.

Жишээ нь

var onoo = [30, 20, 45, 70, 1, 200, 150];
var sum = onoo.reduce(myFunc);

function myFunc(total, value) {
return total + value;
}
Үр дүнг харах

reduce()methods нь параметрээр орж ирсэн анхны утгыг авах боломжтой.

Жишээ нь

var onoo = [30, 20, 45, 70, 1, 200, 150];
var sum = onoo.reduce(myFunc, 150);

function myFunc(total, value) {
return total + value;
}
Үр дүнг харах

reduceRight()

reduceRight() methods нь reduce() methods яг адилхан бөгөөд үйлдэлийн дараалал нь баруунаас зүүнд ажиллах болно.

Бие дааж туршаад үзээрэй.


Array.every()

reduceRight() methods нь массивын бүх утга заасан утгаас их эсвэл бага эсэхийг шалгаж буцаана.

Жишээ нь

var onoo = [30, 20, 45, 70, 1, 200, 150];
var shalgah = onoo.every(myFunc);

function myFunc(value, index, array) {
return value > 40;
}
Үр дүнг харах

Үр дүн "false" гэсэн утгыг буцаана. Массивын бүх утга 40 их биш байна.

Параметрээр зөвхөн VALUE-г дамжуулж, INDEX болон ARRAY-г орхигдуулж болно.

Жишээ нь

var onoo = [30, 20, 45, 70, 1, 200, 150];
var shalgah = onoo.every(myFunc);

function myFunc(value) {
return value > 40;
}
Үр дүнг харах

Array.some()

some() methods нь массивд заасан утга биелэж байгаа эсэхийг шалгана.

Жишээ нь

var onoo = [30, 20, 45, 70, 1, 200, 150];
var shalgah = onoo.some(myFunc);

function myFunc(value, index, array) {
return value > 40;
}
Үр дүнг харах

some() функц нь гурван аргумент шаарддаг болохыг анхаарна уу!

  • item-н утга буюу Value
  • item-н индекс
  • массивыг өөрийг нь

Array.indexOf()

indexOf() methods массивын элементийн утгыг олж байрлалыг буцаана.
Массивын эхний элемент 0, хоёр дахь элемент 1-р байрлалд байрладаг болохыг санаарай.

Жишээ нь

var brands = ["Nike", "Adidas", "Reebok", "Apple", "Microsoft"];
var a = brands.indexOf("Adidas");


Үр дүнг харах

Хэрэв хайсан утга олдоогүй тохиолдолд indexOf() methods -1 ийг буцаана.
Харин хайсан утга 1 ээс олон байгаа тохиолдолд анхны байрлалыг буцаадаг.


Array.lastIndexOf()

lastIndexOf() нь indexOf() -тай адилхан үүрэгтэй бөгөөд массивын сүүлийн байрлалаас ажиллана.

Бие дааж туршаад үзээрэй!

Массивын эхний элемент индекс хаяг 0, байдаг бол урвуу буюу сүүлийн элементээс эхлэхэд индекс хаяг нь 1 гэж заадагыг санаарай.


Array.find()

find() methods нь заасан утга биелсэн анхны утгыг буцаана.

Доорх жишээн нь 40 их утга байвал хамгийн эхний утгыг буцаана.

Жишээ нь

var onoo = [30, 20, 45, 70, 1, 200, 150];
var sum = onoo.find(myFunc);

function myFunc(value, index, array) {
return value > 40;
}
Үр дүнг харах

find() функц нь гурван аргумент шаарддаг болохыг анхаарна уу!

  • item-н утга буюу Value
  • item-н индекс
  • массивыг өөрийг нь

Array.findIndex()

findIndex() methods нь заасан утга биелсэн анхны утгын индекс хаяг буюу байрлалыг буцаана.

Доорх жишээн нь 40 их утга байвал хамгийн эхний утгын индекс хаягыг буцааж үзье.

Жишээ нь

var onoo = [30, 20, 45, 70, 1, 200, 150];
var sum = onoo.findIndex(myFunc);

function myFunc(value, index, array) {
return value > 40;
}
Үр дүнг харах

find() функц нь гурван аргумент шаарддаг болохыг анхаарна уу!

  • item-н утга буюу Value
  • item-н индекс
  • массивыг өөрийг нь

Сэтгэгдэлүүд

Контентын нэр
JS Танилцуулга
JS Хаана байрлах вэ
JS Гаралт /Output/
JS Мэдэгдэл /Statement/
JS Бичиглэл /Syntax/
JS Тайлбар /Comments/
JS Хувьсагч /Variables/
JS Оператор /Operators/
JS Арифметик оператор
JS Даалгаварын оператор
JS Өгөгдлийн төрөл
JS Функц /Function/
JS Обьект /Objects/
JS Тэмдэгт /Strings/
JS Тэмдэгтийн аргууд /String Methods/
Тоон утга /Numbers/
Тоон утга /Number methods/
JS Массив /Array/
JS Массив /Array Methods/
JS Ангилах /Sort/
JS массив давтах аргууд /Iteration/
JS Огноо /Dates/
JS огнооны формат
JS Get Date Methods
JS Set Date Methods
JS Математик объект
JS Cанамсаргүй тоо
JS Үнэн/ Худал Boolean утга
JS Харьцуулах ба Логик оператор
JS Нөхцөл шалгах / If Else
JS switch оператор
JS For давталт
JS For In давталт
Js For / Of давталт
JS While Давталт
JS Break ба Continue
JS Let Хувьсагч
JS Const Тогтмол хувьсагч
JS Төрөл хувиргалт
JS Алдаатай ажиллах Throw ба Try Catch
JS Гинжин хамаарал буюу Scope, Scope Chain
JS Hoisting буюу Өргөх
JS Хатуу горим буюу Strict Mode
JS this түлхүүр үг
ABCD.mn ©

Нөхцөл & Шаардлага

1. General

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultrices, justo vel imperdiet gravida, urna ligula hendrerit nibh, ac cursus nibh sapien in purus. Mauris tincidunt tincidunt turpis in porta. Integer fermentum tincidunt auctor.

2. Account

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultrices, justo vel imperdiet gravida, urna ligula hendrerit nibh, ac cursus nibh sapien in purus. Mauris tincidunt tincidunt turpis in porta. Integer fermentum tincidunt auctor.

3. Service

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultrices, justo vel imperdiet gravida, urna ligula hendrerit nibh, ac cursus nibh sapien in purus. Mauris tincidunt tincidunt turpis in porta. Integer fermentum tincidunt auctor.

4. Payments

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultrices, justo vel imperdiet gravida, urna ligula hendrerit nibh, ac cursus nibh sapien in purus. Mauris tincidunt tincidunt turpis in porta. Integer fermentum tincidunt auctor.