Skip to content

Instantly share code, notes, and snippets.

@james-priest

james-priest/js-array-methods-test1.html

Last active August 1, 2017 13:50
Show Gist options
  • Save james-priest/50c4e855aa255316060a0ef1ec849fb4 to your computer and use it in GitHub Desktop.
Save james-priest/50c4e855aa255316060a0ef1ec849fb4 to your computer and use it in GitHub Desktop.
Download ZIP
JS Bin js-array-methods-test1 // source http://jsbin.com/howuzec/edit?js,console
Raw
js-array-methods-test1.html
<!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>
<script id="jsbin-javascript">
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();
}
);
}
</script>
<script id="jsbin-source-javascript" type="text/javascript">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();
}
);
}</script></body>
</html>
Raw
jsbin.howuzec.js
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();
}
);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment