How to check if array is empty or does not exist?
You want to do the check for undefined
first. If you do it the other way round, it will generate an error if the array is undefined.
if (array === undefined || array.length == 0) {
// array does not exist or is empty
}
Update
This answer is getting a fair amount of attention, so I'd like to point out that my original answer, more than anything else, addressed the wrong order of the conditions being evaluated in the question. In this sense, it fails to address several scenarios, such as null
values, other types of objects with a length
property, etc. It is also not very idiomatic JavaScript.
The foolproof approach
Taking some inspiration from the comments, below is what I currently consider to be the foolproof way to check whether an array is empty or does not exist. It also takes into account that the variable might not refer to an array, but to some other type of object with a length
property.
if (!Array.isArray(array) || !array.length) {
// array does not exist, is not an array, or is empty
// ⇒ do not attempt to process array
}
To break it down:
Array.isArray()
, unsurprisingly, checks whether its argument is an array. This weeds out values likenull
,undefined
and anything else that is not an array.
Note that this will also eliminate array-like objects, such as thearguments
object and DOMNodeList
objects. Depending on your situation, this might not be the behavior you're after.The
array.length
condition checks whether the variable'slength
property evaluates to a truthy value. Because the previous condition already established that we are indeed dealing with an array, more strict comparisons likearray.length != 0
orarray.length !== 0
are not required here.
The pragmatic approach
In a lot of cases, the above might seem like overkill. Maybe you're using a higher order language like TypeScript that does most of the type-checking for you at compile-time, or you really don't care whether the object is actually an array, or just array-like.
In those cases, I tend to go for the following, more idiomatic JavaScript:
if (!array || !array.length) {
// array or array.length are falsy
// ⇒ do not attempt to process array
}
Or, more frequently, its inverse:
if (array && array.length) {
// array and array.length are truthy
// ⇒ probably OK to process array
}
With the introduction of the optional chaining operator (Elvis operator) in ECMAScript 2020, this can be shortened even further:
if (!array?.length) {
// array or array.length are falsy
// ⇒ do not attempt to process array
}
Or the opposite:
if (array?.length) {
// array and array.length are truthy
// ⇒ probably OK to process array
}
How to check if an array is empty or exists?
if (typeof image_array !== 'undefined' && image_array.length > 0) {
// the array is defined and has at least one element
}
Your problem may be happening due to a mix of implicit global variables and variable hoisting. Make sure you use var
whenever declaring a variable:
<?php echo "var image_array = ".json_encode($images);?>
// add var ^^^ here
And then make sure you never accidently redeclare that variable later:
else {
...
image_array = []; // no var here
}
Check if array is empty or includes the value, typescript
Acctually, array is a reference type
. When you would like to check it with [ ]
, they aren't equal. They're totally different, it's better to check this condition with length
. So based on your code you should do something like this :
if (!testArray || testArray.length == 0 || testArray.includes(value)) {
// do something
}
How to check whether an array is empty using PHP?
If you just need to check if there are ANY elements in the array, you can use either the array itself, due to PHP's loose typing, or - if you prefer a stricter approach - use count()
:
if (!$playerlist) {
// list is empty.
}
if (count($playerlist) === 0) {
// list is empty.
}
If you need to clean out empty values before checking (generally done to prevent explode
ing weird strings):
foreach ($playerlist as $key => $value) {
if (!strlen($value)) {
unset($playerlist[$key]);
}
}
if (!$playerlist) {
//empty array
}
Why you can check if array exists in Javascript with .length
Actually array.length
is evaluated as true
when it has at least one element. When array is empty array.length
returns 0
which is evaluated as false
.
So the bottom line is you can use if (array.length)
to check if array is NOT empty.
ng-if check if array is empty
post.capabilities.items
will still be defined because it's an empty array, if you check post.capabilities.items.length
it should work fine because 0
is falsy.
Related Topics
How to Convert the "Arguments" Object to an Array in JavaScript
Get Local Ip Address in Node.Js
How to Add an Object to an Array
How to Call 3 Functions in Order to Execute Them One After the Other
Remove All Special Characters with Regexp
How to Load Local Script Files as Fallback in Cases Where Cdn Are Blocked/Unavailable
Safari 3Rd Party Cookie Iframe Trick No Longer Working
JavaScript - Get Portion of Url Path
Where to Write to Localstorage in a Redux App
What's the Difference Between Window.Location= and Window.Location.Replace()
How to Get Visitor's Location (I.E. Country) Using Geolocation
How to Add Conditional Attribute in Angular 2
(![]+[])[+[]]... Explain Why This Works
How to Execute Shell Command in JavaScript
JavaScript Math, Round to Two Decimal Places
Angularjs - Any Way for $Http.Post to Send Request Parameters Instead of JSON