JavaScript Arrays for Absolute Beginners

JavaScript Arrays can hold several pieces of data in one string. This is how we set a JavaScript Array.

JavaScript Array Syntax

var zoo = ["Tom","Dick","Harry"];

The above data values are stored in a variable. They are separated by commas and quotes.

Showing Results From A JavaScript Array

The process of showing the results from an array starts with setting an id in an element. Set a variable to store your array then use innerHTML to target the id and how the results.

<p id="foo"></p>
<script>
var zoo = ["Tom","Dick","Harry"];
var x = document.getElementById('foo');
x.innerHTML=zoo;
</script>

Another Way to Write Arrays

You can put each piece of data form an array on separate lines. Make sure you do not use a comma on the last one.

var zoo = [
"Tom",
"Dick",
"Harry",
"Joe"
];

Getting One Piece of Data Out Of A JavaScript Array

You may need to grab one piece of data out of a JavaScript array. Remember that in JavaScript the first number is 0. So if you want to get the first item you would use square brackets with the number 0 in it. [0]

Example of Getting First Item In Array

<p id="foo"></p>
<script>
var zoo = [
"Tom",
"Dick",
"Harry",
"Joe"
];
var x = document.getElementById('foo');

x.innerHTML=zoo[0];
</script>

 

Get The Third Array Item

<p id="foo"></p>
<script>
var zoo = [
"Tom",
"Dick",
"Harry",
"Joe"
];
var x = document.getElementById('foo');

x.innerHTML=zoo[2];
</script>

 

Lesson #17

 

JavaScript Arrays for Absolute Beginners was last modified: October 29th, 2021 by Maximus Mccullough

Summary
JavaScript Arrays for Absolute Beginners
Article Name
JavaScript Arrays for Absolute Beginners
Description
JavaScript Arrays can hold several pieces of data in one string. This is how we set a JavaScript Array.
Author
Publisher
A1WEBSITEPRO LLC
Logo
a1-tutorials-javascript-arrays-for-absolute-beginners

Leave a Reply

Your email address will not be published.