Search
 
SCRIPT & CODE EXAMPLE
 

JAVASCRIPT

break in map javascript

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;
  }
}
Comment

break out of map javascript

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;
  }
}
Comment

javascript break out of map

// 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.
*/
Comment

how to break from map in javascript

let isBroken = false;

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

javascript - Break out of map

var myArray = [22,34,5,67,99,0];
var hasValueLessThanTen = myArray.some(function (val) { 
  return val < 10;
  console.log(val)
});
Comment

PREVIOUS NEXT
Code Example
Javascript :: react chat sheet 
Javascript :: react router dom props.history is undefined 
Javascript :: circular queue implementation using js 
Javascript :: black adam release date 
Javascript :: dropzone react view photo 
Javascript :: An invalid form control with ... is not focusable. 
Javascript :: conditional (ternary) operator function parameter 
Javascript :: settimeout method 
Javascript :: remove mime type from base64 javascript 
Javascript :: remove substring from string liquid shopify 
Javascript :: emacs change text size 
Javascript :: array values js 
Javascript :: initialize a map js 
Javascript :: react maps 
Javascript :: linear gradient react native 
Javascript :: 8.1.2. Array Length¶ 
Javascript :: used to retrieve dat from firebase realtime datastore 
Javascript :: javascript screenshot 
Javascript :: js delete cookie by name 
Javascript :: %PDF-1.4 is response 
Javascript :: jquery function done 
Javascript :: remove the .cache folder from angular 13 project 
Javascript :: check if div contains background image 
Javascript :: convert html to docx javascript 
Javascript :: json.stringify 
Javascript :: react currency format method 
Javascript :: delete element from array js 
Javascript :: eval set global scope 
Javascript :: canvas drawimage resize quality 
Javascript :: js math random 
ADD CONTENT
Topic
Content
Source link
Name
5+3 =