Share:

How do I check if an array includes a value in JavaScript?

What is the most concise and efficient way to find out if a JavaScript array contains a value?
Modern browsers have Array#includes, which does exactly that and is widely supported by everyone except IE:

console.log(['joe', 'jane', 'mary'].includes('jane')); //true

You can also use Array#indexOf, which is less direct, but doesn't require polyfills for outdated browsers.

Many frameworks also offer similar methods:

jQuery: $.inArray(value, array, [fromIndex])
Underscore.js: _.contains(array, value) (also aliased as _.include and _.includes)
Dojo Toolkit: dojo.indexOf(array, value, [fromIndex, findLast])
Prototype: array.indexOf(value)
MooTools: array.indexOf(value)
MochiKit: findValue(array, value)
MS Ajax: array.indexOf(value)
Ext: Ext.Array.contains(array, value)
Lodash: _.includes(array, value, [from]) (is _.contains prior 4.0.0)
Ramda: R.includes(value, array)
Notice that some frameworks implement this as a function, while others add the function to the array prototype.

Comments

Post a Comment

Popular posts from this blog

Get Color From Pixel C# WPF | Saatody | Amit Padhiyar

Image
Today I will show you, How to get pixel color from particular UIElement. Here we need two main class(es). RenderTargetBitmap and CroppedBitmap. MainWindow.xaml <Window x:Class="Pixel.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:local="clr-namespace:Pixel" mc:Ignorable="d" Title="MainWindow" Height="450" Width="800"> <Grid> <Grid.RowDefinitions> <RowDefinition Height="300"/> <RowDefinition Height="30"/> <RowDefinition Height="30"/> </Grid.RowDefinitions> <Border Name="Pi
Read more

Basic Audio Operations With MP3 And Wave Files Using NAudio C#

In this post, I will discuss about DirectSoundOut, AudioFileReader, Mp3FileReader and WaveFileReader class(es) and its methods. Also, discuss about open, initilize, play, pause, stop and dispose the audio file. Of course! These are basic operations of audio file. The DirectSoundOut Class The DirectSoundOut class can initilize, play, pause, stop, dispose the audio files. It is alternate option of WaveOut and WaveOutEvent. See list of methods of DirectSoundOut class. Init() Play() Pause() Stop() Dispose() The AudioFileReader, Mp3FileReader and WaveFileReader Classes The AudioFileReader class can automatically decide if file is wave or mp4. When the WaveFileReader and Mp3FileReader can't. If you try to open wave file using Mp3FileReader then it will give you exception "System.FormatException: 'Not a WAVE file - no RIFF header'". And same, If you try to open mp3 file using WaveFileReader then it will give you exception "System.IO.InvalidDataEx
Read more

Create Drag And Drop Operation Between DevExpress GridControl And Custom WPF UI | Saatody | Amit Padhiyar

 Today i will create Drag And Drop Operation. Actually, DevExpress GridControl support Drag and Drop in Views (TreeListView, TabelView, and CardView). But I am trying to drag GridControl row and drop on my custom UI. Here I will write about Drag and Drop with two clipboard operations. Drag Copy And Drop Drag Cut And Drop First set these two properties on GridControl And View (TreeListView, CardView, TableView). GridControl.AllowDrop = true; GridView.AllowDragDrop = true; GridView.AllowDrop = true; GridView.ShowDragDropHint = false; Due to ShowDragDropHint false, The hint will be disable and only cursor will change during DnD (Drag and Drop). First we create Drag Copy And Drop it is too simple to create drag and drop with copy data or element. We just prevent drag leave events using e.Handled = true. GridControl side coding GridControl.AllowDrop = true; GridView.AllowDragDrop = true; GridView.AllowDrop = true; GridView.ShowDragDropHint = false; GridView.StartRecordDrag += (sender, e) =
Read more