babel-plugin-transform-for-of-as-array
Transform all for-of loops into the equivalent array for loop
Example
In
const array = [1, 2, 3];
for (const elm of array) {
console.log(elm);
}
let item;
for ({ item } of array.map(item => ({ item }))) {
console.log(item);
}Out
const array = [1, 2, 3];
for (let _i = 0, _length = array.length; _i < _length; _i++) {
const elm = array[_i];
console.log(elm);
}
let item;
for (let _i2 = 0, _array$map = array.map(item => ({ item })), _length2 = _array$map.length; _i2 < _length2; _i2++) {
({ item } = _array$map[_i2]);
console.log(item);
}loose transformation
In addition to the normal transform, we also support a null-ish checking loose transform. Passing { loose: true } option into the plugin enables it:
In
const array = null;
for (const elm of array) {
console.log(elm);
}
let item;
for ({ item } of array.map(item => ({ item }))) {
console.log(item);
}Out
const array = null;
for (let _i = 0, _length = array == null ? 0 : array.length; _i < _length; _i++) {
const elm = array[_i];
console.log(elm);
}
let item;
for (let _i2 = 0, _array$map = array.map(item => ({ item })), _length2 = _array$map == null ? 0 : _array$map.length; _i2 < _length2; _i2++) {
({ item } = _array$map[_i2]);
console.log(item);
}Installation
$ npm install babel-plugin-transform-for-of-as-arrayUsage
Via .babelrc (Recommended)
.babelrc
{
"plugins": ["transform-for-of-as-array"]
}Via CLI
$ babel --plugins transform-for-of-as-array script.jsVia Node API
require("babel-core").transform("code", {
plugins: ["transform-for-of-as-array"]
});