Fonction Remap ou Map en Javascript

De la fin, la plupart de mon expérience de la programmation a été dans Traitementet plus récemment, j'ai eu envie de branche un peu plus profond pour certains JavaScript, car ils sont un peu liés.

Je me demandais juste, que ma récente recherche a n'ont rien révélé, si le JavaScript a une fonction similaire à la Transformation de la fonction "map", dans lequel une valeur et c'est la gamme est pris et mis en correspondance avec une nouvelle gamme?

Plus d'infos ici: http://processing.org/reference/map_.html

PS: Oui, je sais aussi que www.processingjs.org il existe, mais je me demandais juste si JS avait une telle fonction en natif.

source d'informationauteur tamago

  1. 41

    La fonction ci-dessous donne le même comportement que l'original de Traitement de la fonction:

    function map_range(value, low1, high1, low2, high2) {
    return low2 + (high2 - low2) * (value - low1) / (high1 - low1);
}
  2. 3

    Voici une mise en œuvre du Traitement Mathématique des méthodes pratiques en Javascript. C'est une simple conversion de l'original de Traitement de source Java.

    p5.sq()
p5.constrain()
p5.degrees()
p5.mag()
p5.dist()
p5.lerp()
p5.norm()
p5.map()

    Obtenir le code de ici: https://github.com/trembl/p5.Math.js/

  3. 1

    Pas nativement. Javascript de base est vraiment minime (Voir voir pour plus de détails). Mathématiques les fonctions sont limitées à ce que vous trouvez dans le Mathématiques objet. Donc, pour cette fonction, à être largement disponibles, vous avez besoin d'une implémentation en Javascript lui-même.

  4. 1

    modifier Utiliser @Alnitak du code; cette version est correcte.

    Non, il ne l'est pas, mais vous pourriez écrire un assez facilement:

    function adjust(value, r0, r1, r2, r3) {
  var mag = Math.abs(value - r0), sgn = value < 0 ? -1 : 1;
  return sgn * mag * (r3 - r2) / (r1 - r0);
}

    Je n'appellerais pas ça de la "carte", personnellement, à cause de l' (eh bien, ma) association de "map" avec une liste mécanisme de traitement.

    (Notez que vous pouvez vérifier pour la gamme inversion des erreurs, je suppose; je ne suis pas familier avec la sémantique exacte de la "carte" de Traitement.)

  5. 1

    Réutilisables reconfigurer

    Si vous voulez reconfigurer plus d'une valeur à une plage définie, vous pouvez utiliser cette version à la place.

    /**
 * Create a function that maps a value to a range
 * @param  {Number}   inMin    Input range minimun value
 * @param  {Number}   inMax    Input range maximun value
 * @param  {Number}   outMin   Output range minimun value
 * @param  {Number}   outMax   Output range maximun value
 * @return {function}          A function that converts a value
 * 
 * @author Victor N. wwww.victorborges.com
 * @see https://gist.github.com/victornpb/51b0c17241ea483dee2c3a20d0f710eb/
 */
function createRemap(inMin, inMax, outMin, outMax) {
    return function remaper(x) {
        return (x - inMin) * (outMax - outMin) / (inMax - inMin) + outMin;
    };
}

    Exemples d'utilisation

    var f2c = createRemap(32,212, 0,100); //fahrenheit to celsius
var c2f = createRemap(0,100, 32,212); //celsius to fahrenheit

f2c(-459.67) //-273.15
c2f(-273.15) //-459.6699999999999
c2f(96)      //204.8
f2c(96)      //35.55555555555556
f2c(60)      //15.555555555555555
f2c(90)      //32.22222222222222
c2f(70)      //158
c2f(-30)     //-22
c2f(0)       //32
f2c(32)      //0


var p = createRemap(0,1, 0,100);    

p(0)    //0
p(0.33) //33
p(0.5)  //50
p(0.99) //99
p(1)    //100
p(1.5)  //150
p(-0.1) //-10


var map8b10b = createRemap(0,255, 0,1023);

map8b10b(0)   //0
map8b10b(32)  //128.3764705882353
map8b10b(64)  //256.7529411764706
map8b10b(128) //513.5058823529412
map8b10b(255) //1023