Javascript побитового сдвиг до 32 бит

Question

У меня есть массив целых чисел

var ints = [R,B,G,A] 

, и я хочу использовать смещение, чтобы получить 32-битовое представление

var thirtyTwo = AGBR 

так, например,

[255.0, 0.0, 0.0, 255.0] => 0xFF0000FF => 4278190335 

Я пытаюсь сделать это с помощью петли и битрейта:

function cArrayToABGR(va) { 
    var res = 0; 
    for (var i = 0; i < va.length; ++i) { 
     var color = va[i]; 
     color <<= (8 * i); 
     res += color; 
    } 
    return res; 
} 

Но главная проблема в том, когда я Bitshift 255,0 < < 24, я получаю отрицательное число

255.0 << 24 = -16777216  

, который говорит мне, что я либо достиг предела бит или разрешения подписан. Я думал, что все побитовые операции в Javascript находятся на неподписанных 32-битных поплавках, поэтому не уверен, что здесь происходит. Помогите?

Answer 1

В JS все побитовые операторы подписаны 32 бит, тогда как ваш результат беззнаковый 32 бит.

В качестве временного решения можно вычислить как:

var res = ints.reduce(function(result, current) { 
    return result * 256 + current; 
}, 0); // 4278190335 

, которая еще лучше в ES2015:

var res = ints.reduce((result, current) => result * 256 + current, 0); 

PS: не уверен, что если вещь как «без знака поплавка» даже существует где-то (по крайней мере для языков, реализующих IEEE754)

Answer 2

<< работает с подписанными 32-битными целыми числами, а >>> - unsigned, так что вы можете использовать >>> 0, чтобы получить целое число без знака:

(255 << 24) >>> 0 // 4278190080 

Итак:

var ints = [255.0, 0.0, 0.0, 255.0]; 

function cArrayToABGR(va) { 
    var res = 0; 
    for (var i = 0; i < va.length; ++i) { 
     var color = va[i]; 
     color <<= (8 * i); 
     res += color; 
    } 
    return res >>> 0; 
} 

console.log(cArrayToABGR(ints)); 
// 4278190335