Breaking News: Grepper is joining You.com. Read the official announcement!

break in map javascript

Add Answer

Tung answered on February 2, 2022 Popularity 10/10 Helpfulness 4/10

answer break in map javascript

related javascript break out of map

related break out of map javascript

related how to break from map in javascript

break in map javascript

Comment

That's not possible using the built-in Array.prototype.map. 
However, you could use a simple for-loop instead, 
if you do not intend to map any values:

var hasValueLessThanTen = false;
for (var i = 0; i < myArray.length; i++) {
  if (myArray[i] < 10) {
    hasValueLessThanTen = true;
    break;
  }
}

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: break javascript map

Link to this answer
Share Copy Link

Contributed on Feb 02 2022

Tung

0 Answers Avg Quality 2/10

Closely Related Answers

javascript break out of map

Comment

// You cannot break out of `Array.protoype.map`.

/*
Map is essentially a for loop that applies a
function to each value of an array and pushes it
to a new array.
*/

// A simple recreation of `Array.prototype.map`:
Array.prototype.map = function(callbackfn) {
	const result = [];
	for (let i = 0; i < this.length; i++) {
		result.push(callbackfn(result, i, this));
	}
	return result;
};

/*
Essentially, you can just create a new array and
use a for loop which you can break from:
*/
const arr = [ 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 ];

const arrX2 = [];
for (let i = 0; i < arr.length; i++) {
	if (i >= 5) {
		break;
	}
	arrX2.push(arr[i] * 2);
}

/*
Although if you are 100% set on 'breaking' from
`Array.prototype.map`, you could customise the
function to suit you. Have a look at this example:
*/
Array.prototype.map = function(callbackfn) {
	const result = [];
	let _break = false;
	function breakFunc() { _break = true; }
		for (let i = 0; i < this.length; i++) {
			/*
			we need to store the item so we don't
			automatically push undefined to the
			array if the break function is
			called.
			*/
			const item = callbackfn(this[i], i, this, breakFunc);
			if (_break) {
				return result;
			}
			result.push(item);
	}
	return result;
};

const arr = [ 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 ];

const arrX2 = arr.map((item, index, array, fakeBreak) => index >= 5 ? fakeBreak() : item);

/*
You could create your own custom `Array.prototype.map`
like the one above if you really wanted, but it is
probably better to just use a normal for loop.
*/

Popularity 9/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: break brea

Link to this answer
Share Copy Link

Contributed on May 12 2022

MattDESTROYER

0 Answers Avg Quality 2/10

break out of map javascript

Comment

That's not possible using the built-in Array.prototype.map. 
However, you could use a simple for-loop instead, if you do not intend to map any values:
var hasValueLessThanTen = false;
for (var i = 0; i < myArray.length; i++) {
  if (myArray[i] < 10) {
    hasValueLessThanTen = true;
    break;
  }
}

Popularity 9/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: break brea

Link to this answer
Share Copy Link

Contributed on Mar 09 2022

aashish-cd

0 Answers Avg Quality 2/10

how to break from map in javascript

Comment

-1

let isBroken = false;

colours.map(item => {
    if (isBroken) {
        return;
    }
    if (item.startsWith("y")) {
        console.log("The yessiest colour!");
        isBroken = true;
        return;
    }
});

Popularity 9/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: break brea

Link to this answer
Share Copy Link

Contributed on Mar 21 2022

Busy Boar

0 Answers Avg Quality 2/10

break in map javascript

Contents

More Related Answers

break in map javascript

Closely Related Answers

javascript break out of map

break out of map javascript

how to break from map in javascript

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.