Why should you care?

Almost every app shows a list: comments, photos, search results. Arrays hold those lists.

See it live — copy this example

Paste into an HTML file or the browser console (F12). Use Run below when the live editor is available.

const fruits = ["apple", "banana", "mango"];
console.log(fruits[0]);
console.log(fruits.length);

fruits.push("orange");
console.log(fruits);

Run Example »

Edit the code below and click Run to see the result in Toolliyo’s live editor.

What happened?

• Square brackets create an array.
• fruits[0] is the first item.
• push adds to the end.
• length counts items.

Practice next

1. Log fruits[0] and fruits.length.
2. push and pop items.
3. Use forEach to print each fruit.
4. Use slice to copy the array before sorting descending.
5. Find index of "mango" with indexOf and splice it out.

Remember

[item1, item2] Index from 0 push, pop, length are common methods

ScriptVerse order lines

Checkout stores line items in an array; map renders rows and reduce computes grand total.

Outcome: Arrays are the default structure for lists in almost every ScriptVerse screen.