我正在使用AngularJS做一个web项目,但在其中一个控制检查中,我试图实现array.prototype.some()函数。不幸的是,它不能工作,并且总是返回false。
在我寻找错误的尝试中,我试图实现一个简单的测试用例,其中检查带有数字的数组的值是否大于5。
测试代码如下:var arrayForTesting = [2, 5, 18];
var result = arrayForTesting.some(function (element, index, array){
element > 5;
});
一些网页暗示我需要index和array作为强制参数,但只有element是我在这个测试中需要的唯一参数。
然而,结果仍然为假,但至少有一个元素大于5。
我做错了什么?
您没有返回 element > 5
比较的结果;也许你见过ES2015的"箭头函数",并将其简洁的语法与function
函数语法混淆(或者你可能见过一些CoffeeScript)。
使用function
语法时,必须返回结果:
var arrayForTesting = [2, 5, 18];
var result = arrayForTesting.some(function (element, index, array){
return element > 5;
// ^^^^^^
});
如果函数退出时没有return xyz
语句(或使用return;
没有操作数),则调用函数的结果是undefined
,这是假的,因此some
不会停止循环。
在ES2015中,如果你使用一个箭头函数和一个"简洁函数体",返回是隐式的:
var arrayForTesting = [2, 5, 18];
var result = arrayForTesting.some(element => element > 5);
但只能使用简洁的主体(没有{}
),否则您可以使用return
作为function
函数:
var arrayForTesting = [2, 5, 18];
var result = arrayForTesting.some(element => {
return element > 5;
});
请注意,虽然先进的浏览器正在积极地更新他们的JavaScript引擎来添加ES2015的特性,但地面上的支持仍然很少,你可能需要转换才能使用ES2015的特性,比如箭头函数。(尤其是当你需要支持IE10等旧浏览器时)