PHP's array_map in JavaScript

Here’s what our current JavaScript equivalent to PHP's array_map looks like.

module.exports = function array_map (callback) { // eslint-disable-line camelcase
// discuss at: https://locutus.io/php/array_map/
// original by: Andrea Giammarchi (https://webreflection.blogspot.com)
// improved by: Kevin van Zonneveld (https://kvz.io)
// improved by: Brett Zamir (https://brett-zamir.me)
// input by: thekid
// note 1: If the callback is a string (or object, if an array is supplied),
// note 1: it can only work if the function name is in the global context
// example 1: array_map( function (a){return (a * a * a)}, [1, 2, 3, 4, 5] )
// returns 1: [ 1, 8, 27, 64, 125 ]
const argc = arguments.length
const argv = arguments
let obj = null
let cb = callback
const j = argv[1].length
let i = 0
let k = 1
let m = 0
let tmp = []
const tmpArr = []
const $global = (typeof window !== 'undefined' ? window : global)
while (i < j) {
while (k < argc) {
tmp[m++] = argv[k++][i]
}
m = 0
k = 1
if (callback) {
if (typeof callback === 'string') {
cb = $global[callback]
} else if (typeof callback === 'object' && callback.length) {
obj = typeof callback[0] === 'string' ? $global[callback[0]] : callback[0]
if (typeof obj === 'undefined') {
throw new Error('Object not found: ' + callback[0])
}
cb = typeof callback[1] === 'string' ? obj[callback[1]] : callback[1]
}
tmpArr[i++] = cb.apply(obj, tmp)
} else {
tmpArr[i++] = tmp
}
tmp = []
}
return tmpArr
}
[ View on GitHub | Edit on GitHub | Source on GitHub ]

How to use

You you can install via npm install locutus and require it via require('locutus/php/array/array_map'). You could also require the array module in full so that you could access array.array_map instead.

If you intend to target the browser, you can then use a module bundler such as Parcel, webpack, Browserify, or rollup.js. This can be important because Locutus allows modern JavaScript in the source files, meaning it may not work in all browsers without a build/transpile step. Locutus does transpile all functions to ES5 before publishing to npm.

PHP arrays and JavaScript

Please note that Locutus uses JavaScript objects as substitutes for PHP arrays, they are the closest we can get to this hashtable-like data structure without rolling our own. While many JavaScript implementations preserve the order of object properties, the ECMAScript Language Specification explicitly states that:

The mechanics and order of enumerating the properties is not specified.

So don't use this for anything serious if you rely on the order to be consistent accross platforms.

A community effort

Not unlike Wikipedia, Locutus is an ongoing community effort. Our philosophy follows The McDonald’s Theory. This means that we don't consider it to be a bad thing that many of our functions are first iterations, which may still have their fair share of issues. We hope that these flaws will inspire others to come up with better ideas.

This way of working also means that we don't offer any production guarantees, and recommend to use Locutus inspiration and learning purposes only.

Notes

  • If the callback is a string (or object, if an array is supplied), it can only work if the function name is in the global context

Examples

Please note that these examples are distilled from test cases that automatically verify our functions still work correctly. This could explain some quirky ones.

#codeexpected result
1array_map( function (a){return (a * a * a)}, [1, 2, 3, 4, 5] )[ 1, 8, 27, 64, 125 ]

« More PHP array functions


Star