2021-07-22

本文介绍了JavaScript中数组的迭代方法,包括every(), some(), filter(), map(), 和 forEach(),并展示了如何自定义封装这些函数以及在Array原型上进行扩展。实例演示了如何使用这些函数处理学生信息,如判断年龄、过滤成年人等。
摘要由CSDN通过智能技术生成

数组的迭代有哪些?相关函数是哪些?请自己封装实现函数。(拓展:封装实现原型中的函数)

迭代相关函数有:every(),some(),filter(),map(),forEach()
vi array-iterator-function.js
//自己封装函数实现every()
var myEvery=function(arr,handler){
var result=true;
for(var i=0;i<arr.length;i++){
if(!handler(arr[i],i,arr)){
result=false;
break;
}
}
return result;
}
//自己封装函数实现some()
var mySome=function(arr,handler){
var result=false;
for(var i=0;i<arr.length;i++){
if(handler(arr[i],i,arr)){
result=true;
break;
}
}
return result;
}
//自己封装函数实现filter()
var myFilter=function(arr,handler){
var result=[];
for(var i=0;i<arr.length;i++){
if(handler(arr[i],i,arr)){
result.push(arr[i]);
}
}
return result;
}
//自己封装函数实现map()
var myMap=function(arr,handler){
var result=[];
for(var i=0;i<arr.length;i++){
result.push(handler(arr[i],i,arr));
}
return result;
}
//自己封装函数实现forEach()
var myForEach=function(arr,handler){
for(var i=0;i<arr.length;i++){
handler(arr[i],i,arr);
}
}
//测试结果
var students=[
{name:“briup”,age:12,sno:1001},
{name:“winnie”,age:18,sno:1002},
{name:“jack”,age:28,sno:1003},
{name:“rose”,age:33,sno:1004}
];
console.log(students);
var result=myEvery(students,function(item,index,arr){
return item.age>18;
});
console.log(“判断是否都是成年人:”+result);//false
var result=mySome(students,function(item){
return item.age>18;
});
console.log(“查看学生中有没有成年人:”+result);//true
var result=myFilter(students,function(item){
return item.age>18;
});
console.log(“过滤出成年人有:”,result);
var result=myMap(students,function(item,index,arr){
return item.name;
});
console.log(“查找所有学生的姓名:”,result);
console.log(“使用自定义函数的方式遍历数组:”);
var result=myForEach(students,function(item,index,arr){
console.log(“打印一个对象:”,item);
});
console.log(result);//undefined

vi array-iterator-prototype.js
//自己封装原型的函数实现every()
Array.prototype.myEvery=function(handler){
var result=true;
for(var i=0;i<this.length;i++){
if(!handler.call(this,this[i],i,this)){
result=false;
break;
}
}
return result;
}
//自己封装原型的函数实现some()
Array.prototype.mySome=function(handler){
var result=false;
for(var i=0;i<this.length;i++){
if(handler.call(this,this[i],i,this)){
result=true;
break;
}
}
return result;
}
//自己封装原型的函数实现filter()
Array.prototype.myFilter=function(handler){
var result=[];
for(var i=0;i<this.length;i++){
if(handler.call(this,this[i],i,this)){
result.push(this[i]);
}
}
return result;
}
//自己封装原型的函数实现map()
Array.prototype.myMap=function(handler){
var result=[];
for(var i=0;i<this.length;i++){
result.push(handler.call(this,this[i],i,this));
}
return result;
}
//自己封装原型的函数实现forEach()
Array.prototype.myForEach2 = function(handler){
for(var i=0;i<this.length;i++){
handler.call(this,this[i],i,this);
}
}
//测试结果
var students=[
{name:“briup”,age:12,sno:1001},
{name:“winnie”,age:18,sno:1002},
{name:“jack”,age:28,sno:1003},
{name:“rose”,age:33,sno:1004}
];
console.log(students);
var result=students.myEvery(function(item,index,arr){
return item.age>18;
});
console.log(“判断是否都是成年人:”+result);//false
var result=students.mySome(function(item){
return item.age>18;
});
console.log(“查看学生中有没有成年人:”+result);//true
var result=students.myFilter(function(item){
return item.age>18;
});
console.log(“过滤出成年人有:”,result);
var result=students.myMap(function(item,index,arr){
return item.name;
});
console.log(“查找所有学生的姓名:”,result);
console.log(“使用自定义原型函数的方式遍历数组:”);
var result=students.myForEach(function(item,index,arr){
console.log(“打印一个对象:”,item);
});
console.log(result);//undefined

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值