JSFiddle - React, Tailwind, and code Playground

by andrew rowe

HTML

Before
<br>
<ul id='before'></ul>After map function
<br>
<ul id='afterF'></ul>After map string
<br>
<ul id='afterS'></ul>

JavaScript

require(["dojox/lang/functional","dojo/dom", "dojo/dom-construct", "dojo/_base/array"], function (df,dom, dc, array) {
    function makeList(id, items) {
        dojo.forEach(items, function (item) {
            var li = dc.create("li");
            li.innerHTML = item;
            dom.byId(id).appendChild(li);
        });

    }
    var numbers = [1, 2, 3, 4];
    var changedArray = array.map(numbers, function (item) {
        return item + 1;
    });
    makeList('afterF', changedArray);

    makeList('before', numbers);

    var newNumbers = array.map(numbers, "return item+=index");
    makeList('afterS', newNumbers);
});