понимание карты JQuery

Question

Я нашел этот пример, который говорит:

var arr=$.map([0,1,2],function(n){
    return [n,n+1];
});

Создает arr массив из 6 элементов. Однако я не понимаю, почему это не [[x,y],[x,y],[x,y]]

Мне нужно шаг за шагом знать, что только что произошло. Эта map функция кажется очень полезной, я бы не хотел ее использовать просто потому, что не понимаю ее поведение.

Answer 1

$.map выравнивает возвращенный массив:

Возвращенный массив будет сведен в результирующий массив.

Источник: http://api.jquery.com/jQuery.map/

Answer 2

Вы можете дважды обернуть возвращаемый массив, чтобы избежать сглаженного вывода.

var arr=$.map([0,1,2],function(n){
     //    v--------------v----- flattened
    return [ [ n, n + 1 ] ];
     //      ^----------^------- inserted
});

arr;  // [[0,1],[1,2],[2,3]]

---

IMO, вам лучше использовать стандартную функцию .map() вместо нестандартной функции jQuery.

var arr=[0,1,2].map(function(n){
    return [ n, n + 1 ];
});

Для неподдерживаемых браузеров можно использовать исправление совместимости из MDN .

.

Answer 3

$.map( [0,1,2], function(n){
   return n + 4;
 });

результат: [4, 5, 6]

$.map( [0,1,2], function(n){
   return [ n, n + 1 ];
 });

результат: [0, 1, 1, 2, 2, 3]

Вы можете проверить разницув ответ