JavaScript - code style for array (style guide - correct formatter for array)

2 contributors

7 contributions

0 discussions

3 points

Created by:

Dirask Community

6240

In this article, we would like to show you code style for array in JavaScript.

Quick solution:

const users = [
  'first user',
  'second user'
];

Note:
The main principle of creating an array is to make our code look clean.

Simple array example

To create an array we use square brackets [] by opening - [ and closing - ]; array in separate lines when our items are complex or just long. We place each item in a new line between the opening and closing bracket. As a separator for items we use comas ,.

Example for short/simple items:

const letters = ['a', 'b', 'c'];

Example for long/complex items:

const users = [
  'first user',
  'second user',
  'third user'
];

Array of objects example

Each object in the array should be placed in a new line and separated with coma ,.

Example:

var users = [
	{name: 'Thomas', age: '21'},
	{name: 'Mark', age: '35'},
    {name: 'John', age: '29'}
];

Array of arrays example

For nested arrays, we mix the above rules - short items in one line, long or complex items in the separated line.

Example:

var advArr = [
    ['ID', 'Name', 'Age'],
    [
		{ id: 1, name: 'Bob', age: 25 },
		{ id: 2, name: 'Adam', age: 43 },
		{ id: 3, name: 'Mark', age: 16 },
		{ id: 4, name: 'John', age: 29 }
	]
];