All Important JavaScript Array methods you need to know

Vivek — Fri, 01 Sep 2023 11:28:01 +0000

Here are some important JavaScript Array methods you need to know 👇🏼

map(callbackFn):
- map applies a provided function (callback) to each element in an array and returns a new array with the results.
- Example:
```
 const fruits = ['🍎', '🍌', '🍇', '🍒'];
 const result = fruits.map((fruit) => fruit + '🍔');
 // Result: ['🍎🍔', '🍌🍔', '🍇🍔', '🍒🍔']
```
In this example, the callback function concatenates '🍔' to each fruit.
filter(callbackFn):
- filter creates a new array containing all elements that pass a provided test (callback).
- Example:
```
 const numbers = [1, 2, 3, 4, 5];
 const result = numbers.filter((number) => number % 2 === 0);
 // Result: [2, 4]
```
The callback function checks if a number is even and includes it in the result array.
find(callbackFn):
- find returns the first element in the array that satisfies the provided test (callback).
- Example:
```
 const fruits = ['🍇', '🍇', '🍏', '🍏'];
 const result = fruits.find((fruit) => fruit === '🍏');
 // Result: '🍏'
```
The callback function searches for the first occurrence of '🍏' in the array.
findIndex(callbackFn):
- findIndex returns the index of the first element in the array that satisfies the provided test (callback).
- Example:
```
 const fruits = ['🍇', '🍇', '🍇', '🍒'];
 const result = fruits.findIndex((fruit) => fruit === '🍒');
 // Result: 3
```
The callback function finds the index of the first '🍒' in the array.
fill(value, start):
- fill changes all elements in an array to a static value (value) from a starting index (start).
- Example:
```
 const numbers = ['🍏','🍏','🍏','🍏'];
 numbers.fill('🍇',1);
 // Result: ['🍏', '🍇', '🍇', '🍇']
```
It fills all elements from index 1 onward with the value 🍇.
some(callbackFn):
- some checks if at least one element in the array satisfies the provided test (callback) and returns a Boolean.
- Example:
```
 const numbers = [1, 2, 3, 4, 5];
 const result = numbers.some((number) => number > 3);
 // Result: true
```
The callback function checks if at least one number is greater than 3.
every(callbackFn):
- every checks if all elements in the array satisfy the provided test (callback) and returns a Boolean.
- Example:
```
 const numbers = [1, 2, 3, 4, 5];
 const result = numbers.every((number) => number > 3);
 // Result: false
```
The callback function checks if all numbers are greater than 3 (which is not true).
reduce(callbackFn, initialValue):
- reduce applies a function (callback) against an accumulator and each element in the array to reduce it to a single value.
- Example:
```
 const numbers = [1, 2, 3, 4, 5];
 const result = numbers.reduce((accumulator, number) => accumulator + number, 0);
 // Result: 15
```
The callback function accumulates the sum of all numbers with an initial value of 0.
includes(searchElement):
- includes checks if an array includes a certain element (searchElement) and returns a Boolean.
- Example:
```
 const colors = ['🟣', '🟣', '🟡', '🟡'];
 const result = colors.includes('🟣');
 // Result: true
```
It checks if '🟣' is present in the array.
indexOf(searchElement):
- indexOf returns the first index at which a given element (searchElement) is found in the array, or -1 if it's not present.
- Example:
```
  const colors = ['🟣', '🟣', '🟡', '🟡'];
  const result = colors.indexOf('🟡');
  // Result: 2
```
It finds the first occurrence of '🟡' at index 2 in the array.

You find this blog helpful. Please like and share with others.

Ni, one solution for all Nodejs package manager

Vivek — Tue, 30 May 2023 15:36:46 +0000

When working on multiple projects, it can be difficult to keep track of which package manager is being used, whether it's npm, yarn, or pnpm. This is where the ni package manager comes in handy. ni is a lightweight and efficient package manager that simplifies the management of dependencies in Node.js projects.

Installing

To get started with ni, you need to install it globally on your system using npm. You can do this by running the following command in your terminal.

npm i -g @antfu/ni

The ni command is used to install packages, and it supports various flags that allow you to install packages globally or install specific versions of packages. For example, if you want to install the React package, you can simply run:

ni react

To install package globally

ni -g eslint

nr

This command is used to run scripts in a project, it will run scripts according to the package manager used in your project. To use it, use the following command

nr start

or just run the nr command to select between all available scripts.

nu

This command is used to upgrade packages, and it supports interactive upgrades, allowing you to select which packages to upgrade and to which version.

nu

nun

This command is used to uninstall packages using the package manager of your project.

nun react

Overall, ni is a powerful and versatile package manager tool that simplifies the management of dependencies in Node.js projects. It helps you to save time during the development process.

I hope this article is helpful to you. If you like this article share it with others.

DEV Community: Vivek

All Important JavaScript Array methods you need to know

Ni, one solution for all Nodejs package manager

Installing

nr

nu

nun