Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="js-array-methods-test1">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  hello from html &amp; js-array-methods-test1
<script>
  window.addEventListener("load", function (event){
    initialize();
  }, false)
</script>
</body>
</html>
 
console.log("hello world!");
const arrayMethodsObj = {
  method: {
    concat: {
      name: "concat",
      desc: "Joins two or more arrays and returns a new array with all the items.",
      code: [
        "var pizzaMeatParts = ['pepperoni', 'ham', 'bacon'];",
        "var pizzaVegetableParts = ['pepper', 'onion'];",
        "var pizzaParts = pizzaMeatParts.concat(pizzaVegetableParts);"
      ],
      result: [
        "pizzaParts == ['pepperoni', 'ham', 'bacon', 'pepper', 'onion']"
      ]
    },
    indexOf: {
      name: "indexOf",
      desc: "Locates the item in the array and returns its index.",
      code: [
        "var pizzaMeatParts = ['pepperoni', 'ham', 'bacon'];",
        "var baconIndex = pizzaMeatParts.indexOf('bacon');"
      ],
      result: [
        "baconIndex == 2"
      ]
    },
    join: {
      name: "join",
      desc: "Creates a string from the items in the array. The items are comma-delimited by default, but you can pass an alternate separator.",
      code: [
        "var pizzaMeatParts = ['pepperoni', 'ham', 'bacon'];",
        "var meatParts = pizzaMeatParts.join();"
      ],
      result: [
        "meatParts == \"pepperoni,ham,bacon\""
      ]
    },
  },
  count: function() {
    return Object.keys(this.method).length;
  }
};
function initialize() {
  console.log("count: " + arrayMethodsObj.count());
  Object.keys(arrayMethodsObj.method).forEach((key) => {
    console.group();
    console.log(key);
    console.log(arrayMethodsObj.method[key].desc);
    console.log(arrayMethodsObj.method[key].code.join("").replace(/;/g, ";\n"));
    console.log(arrayMethodsObj.method[key].result.join("").replace(/;/g, ";\n"));
    console.groupEnd();
  }                                            
  );
}
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
james-priestpro
0viewers