Array methods
Tags: array, methods, javascript
Published: 2024-06-08 05:21:12

## **BASIC ARRAY METHODS**

1. **Array.length**

```
// Array length shows how many elements exist in the array

let fruits = ['apple', 'banana', 'cherry', 'date', 'elderberry']
let result = fruits.length;

console.log(result);
```

2. **Array.toString()**
```
// The JavaScript method toString() converts an array to a string of (comma separated) array values.

let fruits = ['apple', 'banana', 'cherry', 'date', 'elderberry']
let result = fruits.toString();

console.log(result);
```

3. **Array.at(index)**
```
// at() returns the element at the specified index

let fruits = ['apple', 'banana', 'cherry', 'date', 'elderberry']
let result = fruits.at(2);

console.log(result);
```

4. **Array.join('whatever')**
```
// join() joins the elements of an array into a string and joins with whatever we insert inside (join()) parentheses

let fruits = ['apple', 'banana', 'cherry', 'date', 'elderberry'];
let result = fruits.join('-')

console.log(result); // => apple-banana-cherry-date-elderberry
```

5. **Array.pop()**
```
// pop() removes the last element from an array and returns that element

let fruits = ['apple', 'banana', 'cherry', 'date', 'elderberry'];

let result = fruits.pop()

console.log(result); // => elderberry
console.log(fruits); // => ['apple', 'banana', 'cherry', 'date'];
```

6. **Array.push()**
```
// Array.push() adds from the end and shows the length

let fruits = ['apple', 'banana', 'cherry', 'date', 'elderberry'];
let result = fruits.push('kiwi');

console.log(result); // => 6 ! returns the length
console.log(fruits); // => ['apple', 'banana', 'cherry', 'date', 'elderberry', 'kiwi']
```

7. **Array.shift()**
```
// shift() deletes from the beginning and returns the deleted element

let fruits = ['apple', 'banana', 'cherry', 'date', 'elderberry'];

let result = fruits.shift();

console.log(result); // => apple  
```

8. **Array.unshift()**
```
// unshift() adds from the beginning and returns the new length

let fruits = ['apple', 'banana', 'cherry', 'date', 'elderberry'];
let result = fruits.unshift('pear');

console.log(result); // => apple    
console.log(fruits); // => ['pear', 'apple', 'banana', 'cherry', 'date', 'elderberry']
```

9. **delete array[index]**
```
// delete leaves empty holes in the array therefore use push() or pop()

let fruits = ['apple', 'banana', 'cherry', 'date', 'elderberry'];

delete fruits[1];

console.log(fruits); // => ['apple', empty, 'banana', 'cherry', 'date', 'elderberry']
```
10.  **concat()**

```
// The concat() method creates a new array by merging (concatenating) existing arrays:

const myGirls = ["Cecilie", "Lone"];
const myBoys = ["Emil", "Tobias", "Linus"];

const myChildren = myGirls.concat(myBoys);
```
11.  **array.flat()**

```
// The flat() method creates a new array with sub-array elements concatenated to a specified depth.

const myArr = [[1,2],[3,4],[5,6]];
const newArr = myArr.flat();

console.log(newArr); // => [1,2,3,4,5,6]
```

12.  **array.splice()**
```
let fruits = ['apple', 'banana', 'cherry', 'date', 'elderberry'];
fruits.splice(2, 0, 'kiwi') // => ['apple', 'banana', 'kiwi', 'date', 'elderberry'];

console.log(fruits);
```

12.  **array.slice()**

```

let fruits = ['apple', 'banana', 'cherry', 'date', 'elderberry'];
let result = fruits.slice(2, 3) // => ['cherry']

console.log(result);
```