Loop through an Array

Moddable SDK 9.0.0

About

Binary Data

Overview

Convert String to ArrayBuffer

Convert ArrayBuffer to String

Convert ArrayBuffers to String

Handle Errors Converting ArrayBuffer to String

Immutable ArrayBuffers

Resize an ArrayBuffer

Combine ArrayBuffers

Convert Base64 to Binary Data

Convert Binary Data to Base64

Convert Binary Data to Hex

Convert Hex to Binary Data

Calculate CRC for Binary Data

Compress Binary Data – One Buffer

Compress Binary Data – Streaming

Decompress Binary Data – One Buffer

Decompress Binary Data – Streaming

DNS

Overview

Resolve Name

Resolve Multiple Names

DNS Service Discovery

Overview

Claim Local Name

Advertise Services

Discover Services

EventSource

Overview

Connect

Connect Securely

Close

Receive

Connection Information

Files

Overview

Create, Open, and Close File

Read File

Write File

Delete File

Get File Information

Create Directory

Enumerate Directory

Delete Directory

Open Directory

HTTP

Overview

Make Request using fetch()

Make Secure Request using fetch()

Send Request Headers using fetch()

Receive Response Headers using fetch()

Send Request Body using fetch()

Make Request using HTTP Client

Make Secure Request using HTTP Client

Send Request Headers using HTTP Client

Receive Response Headers using HTTP Client

Send Request Body using HTTP Client

Implementing ECMA-419 Modules

Overview

Constructor Sets `target`

Constructor IO

Constructor Clean-up on Failure

`close()` and `[Symbol.dispose]`

Calling Callbacks

Setting Options with `configure()`

Keep Instance Surface Clean

Key-Value Storage

Overview

Read and Write Values using Web Storage

Delete Keys using Web Storage

Enumerate Keys using Web Storage

Read and Write Values using Key-Value Pair

Change Data Formats using Key-Value Pair

Delete Keys using Key-Value Pair

Enumerate Keys using Key-Value Pair

Logging

Overview

Logging with Console

Logging with trace()

MQTT

Overview

Connect to MQTT Server using MQTT()

Connect Securely to MQTT Server using MQTT()

Close Connection using MQTT()

Publish Message using MQTT()

Subscribe to Topic using MQTT()

Receive Messages using MQTT()

Get Connection Information using MQTT()

Connect to MQTT Server using MQTT Client

Connect Securely to MQTT Server using MQTT Client

Close Connection using MQTT Client

Publish Message using MQTT Client

Subscribe to Topic using MQTT Client

Receive Messages using MQTT Client

Optimizing Embedded JavaScript

Overview

When to Optimize

Know Where to Optimize

Loop through an Array

Iterate Over a String

Build a String

Avoid Copying Buffers

Accessing Properties

Map versus Object

Append to an Array

Operate on Bits

Define Class Methods

Streams

Overview

Time

Overview

Get Unix Time

Get Time of Day

Get Date

Get Time Since System Start

Get Microseconds

Set System Date and Time

Get Time and Date from Real-Time Clock

Set Real-Time Clock Time

Get Time and Date from Network

Sleep

Time Callbacks

Overview

One-Time Callback

Repeating Callback

Repeating Callback with Initial Delay

Immediate Callback

Reschedule Callback

Cancel Callback

Suspend Callback

Transport Layer Security (TLS)

Overview

Include Public Certificates

Include Private Certificates

Diagnostics

DER and PEM Certificates

WebSocket

Overview

Connect to Server using WebSocket()

Connect Securely to Server using WebSocket()

Close Connection using WebSocket()

Send Message using WebSocket()

Receive Message using WebSocket()

Get Connection Information using WebSocket()

Connect to Server using WebSocket Client

Connect Securely to Server using WebSocket Client

Close Connection using WebSocket Client

Send Message using WebSocket Client

Receive Message using WebSocket Client

Control Messages using WebSocket Client

Connect to Server using WebSocketStream

Connect Securely to Server using WebSocketStream

Close Connection using WebSocketStream

Send Message using WebSocketStream

Receive Message using WebSocketStream

Wi-Fi

Overview

Scan for Access Points

Scan Continuously for Access Points

Connect

Reconnect Automatically

Disconnect

Get Connection Information

Use Static IP Address

Loop through an Array

A common way to iterate over the items in an array is using a for loop. Each pass through the loop requires that array.length be re-evaluated because the code inside the loop might modify array.

The overhead of re-evaluating array.length on each pass through the loop is minimal, it does eventually add up, especially when array.length is large. Accessing local variables is very fast, so a more efficient way to write this loop is to move array.length to a local variable. Of course, you can only do this if you know that the code inside the loop does not modify length of the array.

/* BEFORE */
for (let i = 0; i < array.length; i++) {
	/* code here */
}

/* AFTER */
for (let i = 0, length = array.length; i < length; i++) {
	/* code here */
}

Another common way to iterate over the items in an array is using the forEach() method or one of its cousins like some() and every(). These methods are convenient, but they require the overhead of a function call for each item visited in the array. In addition to taking some time, that function call also requires an additional frame on the JavaScript stack which can lead to stack overflows. The risk of this increases when they are nested.

Don't hesitate to use these methods to make your code more readable and reliable, but be aware that they do have a cost. Based on your runtime experience, it may eventually make sense to replace them with a simple for loop.

/* BEFORE */
let total = 0;
array.forEach(value => total += value)

/* AFTER */
let total = 0;
for (let i = 0, length = array.length; i < length; i++)
	total += array[i];

/* BEFORE */
let allEven = array.every(value => 0 == (value % 2));

/* AFTER */
let allEven = true;
for (let i = 0, length = array.length; i < length; i++) {
	if (array[i] % 2) {
		allEven = false;
		break;
	}
}