Массив фильтра возвращает странные результаты

Question

относящиеся к this вопрос, я хотел бы попробовать это

var arr = [0,1,2,true,4,{"abc":123},6,7,{"def":456},9,[10]]; 
arr.filter(Object.hasOwnProperty,"abc");//outputs [0, 1, 2] 
arr.filter(Object.hasOwnProperty,"2222222") //[0, 1, 2, 4, 6] 

ли кто-нибудь знает, почему фильтр вернуть эти значения? Spec of filter и MDN doc также не ясно показывают, как используется второй аргумент фильтра.

Answer 1

Второй аргумент Array.prototype.filter - это значение, которое будет установлено как this функции, которая передается в качестве первого аргумента.

Так что ваш код заканчивает быть что-то вроде:

arr.filter(function(v, i, a) { 
    return Object.hasOwnProperty.call("222", v, i, a); 
}); 

Так что в основном проверяет, является ли "222" строка имеет свойства, которые вы перечислить в массиве.

Из этого становится понятно, почему свойства 0, 1 и 2 найдены - так как те индексы символов в "222" строки, и, скажем, 9 или {"abc":123} не являются - так "222" строка не имеет такой свойства.

Это же история с более длинной строкой, которая также включает свойства 4 и 6 только потому, что она длиннее.

Некоторые примеры:

Object.hasOwnProperty.call("222", 1); // true, because `"222"[1]` is there 
Object.hasOwnProperty.call("222", 'foo'); // false, because `"222"['foo']` is not there 

Answer 2

Это кристально ясно из спецификации

Array.prototype.filter (callbackfn [ , thisArg ]),

Если параметр thisArg предусмотрен, он будет использоваться в качестве значения this для каждого вызов callbackfn.

Итак:

var arr = [0,1,2,true,4,{"abc":123},6,7,{"def":456},9,[10]]; 
arr.filter(Object.hasOwnProperty,"2222222"); 

переводит эти вызовы в последовательности

"2222222".hasOwnProperty(0);    // true  -> 0 
"2222222".hasOwnProperty(1);    // true  -> 1 
"2222222".hasOwnProperty(2);    // true  -> 2 
"2222222".hasOwnProperty(true);   // false -> 
"2222222".hasOwnProperty(4);    // true  -> 4 
"2222222".hasOwnProperty({"abc":123}); // false -> 
"2222222".hasOwnProperty(6);    // true  -> 6 
"2222222".hasOwnProperty(7);    // false -> 
"2222222".hasOwnProperty({"def":456}); // false -> 
"2222222".hasOwnProperty(9);    // false -> 
"2222222".hasOwnProperty([10]);   // false -> 
             // filter() => [0,1,2,4,6] 

Линии, где он говорит true являются потому, что строки могут быть проиндексированы в как массивы, так что строка с двумя символы имеют индексы 0 и 1 как собственные.