JavaScript 数组迭代
- 上一页 JS 数组排序
- 下一页 JS 数组 Const
数组迭代方法对每个数组项进行操作。
Array.forEach()
forEach()
方法为每个数组元素调用一次函数(回调函数)。
实例
var txt = ""; var numbers = [45, 4, 9, 16, 25]; numbers.forEach(myFunction); function myFunction(value, index, array) { txt = txt + value + "<br>"; }
အကြောင်းအရာသတိပြုပါ၊ ဒါက ၃ ပါး ပြင်းစွမ်းသုံးပါတယ်။
- 项目值
- 项目索引
- 数组本身
အပြီးအပိုင်း အကြောင်းအရာက စိတ်ဝင်စား ပြင်းစွမ်းသုံး မဟုတ် ဘဲ အရပ်အချိန် နှင့် အဖွဲ့အစည်း ပါ ကြည်း။
实例
var txt = ""; var numbers = [45, 4, 9, 16, 25]; numbers.forEach(myFunction); function myFunction(value) { txt = txt + value + "<br>"; }
အသင်းအဖွဲ့အားလုံး ကူညီ Array.forEach()
,အင်္ဂါတိုက် အသင်း 8 သို့မဟုတ် အရှိန်မြင့်သောအသင်းများကို ရှိ
အော် | 9.0 | အော် | အော် | အော် |
Array.map()
map()
စက်တင် က အဖွဲ့အစည်း အတွင်း အချိန်ကြောင်း အရာပေါင်း ကို စက်တင် ကို လုပ်ကိုင်ပြီး အချိန်ကြောင်း အဖွဲ့အစည်း ကို ဖွဲ့စည်းပါတယ်။
map()
စက်တင် က အချိန်ကြောင်း မပါ ဘဲ အဖွဲ့အစည်း အတွင်း အရာပေါင်း အတွက် စက်တင် ကို လုပ်ကိုင်လိမ့်မည်။
map()
စက်တင် အဖွဲ့အစည်း ကို ပြန်လည်ကိုင်တော့ပါတယ်။
အကြောင်းအရာက အဖွဲ့အစည်း အတွင်း အချိန်ကြောင်း ကို ၂ ကြိမ် ပြန်လည်ကိုင်ကြည်း။
实例
var numbers1 = [45, 4, 9, 16, 25]; var numbers2 = numbers1.map(myFunction); function myFunction(value, index, array) { return value * 2; }
သတိပြုပါ၊ ဒါက ၃ ပါး ပြင်းစွမ်းသုံးပါတယ်။
- 项目值
- 项目索引
- 数组本身
စိတ်ဝင်စား ပြင်းစွမ်းသုံး မဟုတ် ဘဲ အရပ်အချိန် နှင့် အဖွဲ့အစည်း ပါ ကြည်း။
实例
var numbers1 = [45, 4, 9, 16, 25]; var numbers2 = numbers1.map(myFunction); function myFunction(value) { return value * 2; }
အသင်းအဖွဲ့အားလုံး ကူညီ Array.map()
,အင်္ဂါတိုက် အသင်း 8 သို့မဟုတ် အရှိန်မြင့်သောအသင်းများကို ရှိ
အော် | 9.0 | အော် | အော် | အော် |
Array.filter()
filter()
စက်တင် က စိတ်ဝင်စား ပြင်းစွမ်းသုံး ပြီး အချိန်ကြောင်း အဖွဲ့အစည်း အတွင်း အရာပေါင်း ကို ဖွဲ့စည်းပါတယ်။
အကြောင်းအရာက အချိန် ၁၈ အထက် အရာပေါင်း ကို အချိန်ကြောင်း အဖွဲ့အစည်း ကို ဖွဲ့စည်းပါတယ်။
实例
var numbers = [45, 4, 9, 16, 25]; var over18 = numbers.filter(myFunction); function myFunction(value, index, array) { return value > 18; }
请注意此函数接受 3 个参数:
- 项目值
- 项目索引
- 数组本身
အပြီးအပိုင်း အကြောင်းအရာက စိတ်ဝင်စား ပြင်းစွမ်းသုံး မဟုတ် ဘဲ အစုစည်း နှင့် အရပ်အချိန် ပါ ကြည်း။
实例
var numbers = [45, 4, 9, 16, 25]; var over18 = numbers.filter(myFunction); function myFunction(value) { return value > 18; }
အသင်းအဖွဲ့အားလုံး ကူညီ Array.filter()
,အင်္ဂါတိုက် အသင်း 8 သို့မဟုတ် အရှိန်မြင့်သောအသင်းများကို ရှိ
အော် | 9.0 | အော် | အော် | အော် |
Array.reduce()
reduce()
စက်တင် က အဖွဲ့အစည်းအတွင်း အစုစုပေါင်း အချိန်ထားပါတယ်အပ် အချိန်ကို ပြန်လည်ကိုင်ကြည်း။
reduce()
စက်တင် က အဖွဲ့အစည်းအတွင်း မှ ဘယ်လောက်မှ ဘယ်လောက် လုပ်ကိုင်တယ်။ တကွ reduceRight() ကို လည်းကောင်း။
reduce()
စက်တင် အဖွဲ့အစည်း ကို လျှော့ချတော့ပါတယ်။
အကြောင်းအရာက အဖွဲ့အစည်းအတွင်း စုစုပေါင်း အချိန်ထားပါတယ်အပ်။
实例
var numbers1 = [45, 4, 9, 16, 25]; var sum = numbers1.reduce(myFunction); function myFunction(total, value, index, array) { return total + value; }
သတိပြုပါ၊ ဒါက ၄ ပါး ပြင်းစွမ်းသုံးပါတယ်။
- စုစုပေါင်းအင်္ဂါတိုက် အစားထိုးသည် သို့မဟုတ် ပြီးခဲ့သော ပြန်လည်ပေးသော အင်္ဂါတိုက်
- 项目值
- 项目索引
- 数组本身
အထင်ကြီးခဲ့သောအကြောင်းအရာ အချက်အလက် အီအီးလက်ဆီ ကို အဆိုပါ အသင်းအဖွဲ့တွင် ပြန်လည်ပေးသည်
实例
var numbers1 = [45, 4, 9, 16, 25]; var sum = numbers1.reduce(myFunction); function myFunction(total, value) { return total + value; }
reduce()
စက်တင် က စတင် အချိန် သုံးပါတယ်။
实例
var numbers1 = [45, 4, 9, 16, 25]; var sum = numbers1.reduce(myFunction, 100); function myFunction(total, value) { return total + value; }
အသင်းအဖွဲ့အားလုံး ကူညီ Array.reduce()
,အင်္ဂါတိုက် အသင်း 8 သို့မဟုတ် အရှိန်မြင့်သောအသင်းများကို ရှိ
အော် | 9.0 | အော် | အော် | အော် |
Array.reduceRight()
reduceRight()
စက်တင် က အဖွဲ့အစည်းအတွင်း အစုစုပေါင်း အချိန်ထားပါတယ်အပ် အချိန်ကို ပြန်လည်ကိုင်ကြည်း။
reduceRight()
စက်တင် က အဖွဲ့အစည်းအတွင်း မှ ဘယ်လောက်မှ ဘယ်လောက် လုပ်ကိုင်တယ်။ တကွ reduce() ကို လည်းကောင်း။
reduceRight()
စက်တင် အဖွဲ့အစည်း ကို လျှော့ချတော့ပါတယ်။
အကြောင်းအရာက အဖွဲ့အစည်းအတွင်း စုစုပေါင်း အချိန်ထားပါတယ်အပ်။
实例
var numbers1 = [45, 4, 9, 16, 25]; var sum = numbers1.reduceRight(myFunction); function myFunction(total, value, index, array) { return total + value; }
သတိပြုပါ၊ ဒါက ၄ ပါး ပြင်းစွမ်းသုံးပါတယ်။
- စုစုပေါင်းအင်္ဂါတိုက် အစားထိုးသည် သို့မဟုတ် ပြီးခဲ့သော ပြန်လည်ပေးသော အင်္ဂါတိုက်
- 项目值
- 项目索引
- 数组本身
အထင်ကြီးခဲ့သောအကြောင်းအရာ အချက်အလက် အီအီးလက်ဆီ ကို အဆိုပါ အသင်းအဖွဲ့တွင် ပြန်လည်ပေးသည်
实例
var numbers1 = [45, 4, 9, 16, 25]; var sum = numbers1.reduceRight(myFunction); function myFunction(total, value) { return total + value; }
အသင်းအဖွဲ့အားလုံး ကူညီ Array.reduceRight()
,အင်္ဂါတိုက် အသင်း 8 သို့မဟုတ် အရှိန်မြင့်သောအသင်းများကို ရှိ
အော် | 9.0 | အော် | အော် | အော် |
Array.every()
every()
အသင်းအဖွဲ့ အချက်အလက်များ အချက်အလက် စည်းကမ်းကို ဆောင်ရွက်သည်
အကြောင်းအရာ အချက်အလက် အင်္ဂါတိုက် 18 ထက် ပိုသော အချက်အလက်များ ရှိပါက
实例
var numbers = [45, 4, 9, 16, 25]; var allOver18 = numbers.every(myFunction); function myFunction(value, index, array) { return value > 18; }
请注意此函数接受 3 个参数:
- 项目值
- 项目索引
- 数组本身
အပြန်ဖြေရေး ပြိုင်ဘက် တစ်ခုသာ အသုံးပြုသော်၊ အခြားအပြီးအပြင် အပ်နှံကြောင်း ကျန်ရှိ
实例
var numbers = [45, 4, 9, 16, 25]; var allOver18 = numbers.every(myFunction); function myFunction(value) { return value > 18; }
အသင်းအဖွဲ့အားလုံး ကူညီ Array.every()
,အင်္ဂါတိုက် အသင်း 8 သို့မဟုတ် အရှိန်မြင့်သောအသင်းများကို ရှိ
အော် | 9.0 | အော် | အော် | အော် |
Array.some()
some()
အသင်းအဖွဲ့ အချက်အလက်များ အချက်အလက် စည်းကမ်းကို ဆောင်ရွက်သည်
အကြောင်းအရာ အချက်အလက် အင်္ဂါတိုက် 18 ထက် ပိုသော အချက်အလက်များ ရှိပါက
实例
var numbers = [45, 4, 9, 16, 25]; var someOver18 = numbers.some(myFunction); function myFunction(value, index, array) { return value > 18; }
请注意此函数接受 3 个参数:
- 项目值
- 项目索引
- 数组本身
အသင်းအဖွဲ့အားလုံး ကူညီ Array.some()
,အင်္ဂါတိုက် အသင်း 8 သို့မဟုတ် အရှိန်မြင့်သောအသင်းများကို ရှိ
အော် | 9.0 | အော် | အော် | အော် |
Array.indexOf()
indexOf()
အသင်းအဖွဲ့တွင် အီအီးလက်ဆီ ကို ရှာဖွေရန် လိုင်းငတ့် ပြန်လည်ပေးသည်
အကြောင်းအရာပထမဆုံးဘက် အက်ယ်လ် 0 ဖြစ်၍၊ ဒုတိယဆုံးဘက် အက်ယ်လ် 1 ဖြစ်၍ အစားထိုး
实例
array "Apple" ကို အသင်းအဖွဲ့တွင် ရှာဖွေရန်
var fruits = ["Apple", "Orange", "Apple", "Mango"]; var a = fruits.indexOf("Apple");
အသင်းအဖွဲ့အားလုံး ကူညီ Array.indexOf()
,အင်္ဂါတိုက် အသင်း 8 သို့မဟုတ် အရှိန်မြင့်သောအသင်းများကို ရှိ
အော် | 9.0 | အော် | အော် | အော် |
လိုင်းငတ့်
array.indexOf(အက်ယ်လ်, စတင်)
အက်ယ်လ် | လိုအပ်သော၊ ရှာဖွေရန်လိုအပ်သောဘက် |
စတင် | ဆိုင်းငယ်၊ ရှာဖွေရန် စတင်ရာ |
ဘက်ကြီးမပါဘဲArray.indexOf()
ကြော်ငြာ -1
ဘက်ကြီးပါးစွာပါရှိသော်လည်း ပထမဆုံးဖြစ်သော တည်နေရာကို ပြန်လည်ပေးသည်
Array.lastIndexOf()
Array.lastIndexOf()
နှင့် Array.indexOf()
အတူတူပဲသား၊ အသင်းအဖွဲ့အဆုံးမှ စတင်ရှာရန်
实例
array "Apple" ကို အသင်းအဖွဲ့တွင် ရှာဖွေရန်
var fruits = ["Apple", "Orange", "Apple", "Mango"]; var a = fruits.lastIndexOf("Apple");
အသင်းအဖွဲ့အားလုံး ကူညီ Array.lastIndexOf()
,အင်္ဂါတိုက် အသင်း 8 သို့မဟုတ် အရှိန်မြင့်သောအသင်းများကို ရှိ
အော် | 9.0 | အော် | အော် | အော် |
လိုင်းငတ့်
array.lastIndexOf(အက်ယ်လ်, စတင်)
အက်ယ်လ် | လိုအပ်သော၊ ရှာဖွေရန်လိုအပ်သောဘက် |
စတင် | 可选。从哪里开始搜索。负值将从结尾开始的给定位置开始,并搜索到开头。 |
Array.find()
find()
方法返回通过测试函数的第一个数组元素的值。
这个例子查找(返回)大于 18 的第一个元素的值:
实例
var numbers = [4, 9, 16, 25, 29]; var first = numbers.find(myFunction); function myFunction(value, index, array) { return value > 18; }
请注意此函数接受 3 个参数:
- 项目值
- 项目索引
- 数组本身
老旧的浏览器不支持 Array.find()
。下面列出了完全支持此方法的首个浏览器版本:
45 | 12 | 25 | 8 | 32 |
Array.findIndex()
findIndex()
方法返回通过测试函数的第一个数组元素的索引。
这个例子查找大于 18 的第一个元素的索引:
实例
var numbers = [4, 9, 16, 25, 29]; var first = numbers.findIndex(myFunction); function myFunction(value, index, array) { return value > 18; }
请注意此函数接受 3 个参数:
- 项目值
- 项目索引
- 数组本身
老旧的浏览器不支持 Array.findIndex()
。下面列出了完全支持此方法的首个浏览器版本:
45 | 12 | 25 | 8 | 32 |
- 上一页 JS 数组排序
- 下一页 JS 数组 Const