javascript - processingjs 中的 map() 与 JS 中的 map()

Question

我看到 processingjs (p5.js) 使用 map() 将数字从一个范围标准化为另一个范围。如果我想在列表中映射一个函数，我该怎么办？在 js、python、Haskell、scheme 等中，我会使用 map(fn, list)...

谢谢

Answer 1

在 JavasScript 中，.map()函数是数组原型(prototype)的一部分，这允许您调用 map() 数组。所以语法很简单:

arr.map(fn)

例子:

const arr = [1, 2, 3, 4];
const res = arr.map(x => x*10);
console.log(res); // [10, 20, 30, 40]

<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.9.0/p5.js"></script>

在p5.js中，全局窗口中加入了map()方法，也就是说单独调用map()和作为属性调用是不一样的数组的:

function setup() {
  console.log('map' in window);
  const value = 50;
  console.log(map(value, 0, 100, 0, 200)); // 100
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.9.0/p5.js"></script>