Validating Presence of a Value in an Array Object Using AngularJS

Question

Validating Presence of a Value in an Array Object Using AngularJS

var SelectedOptionId = 957;

$scope.array = [{"957":"1269"},{"958":"1265"},{"956":"1259"},{"957":"1269"},{"947":"1267"}]

Is there a method to verify the existence of a value within an array of objects like this using Angular and underscore?

I've attempted the following approaches:

if ($scope.array.indexOf(SelectedOptionId) === -1) {console.log('already exists')}

as well as

console.log($scope.array.hasOwnProperty(SelectedOptionId)); //returns false

and

console.log(_.has($scope.array, SelectedOptionId)); //returns false

javascript angularjs arrays javascript-objects

Answer 1

Answer №1

If you want to validate if a certain option exists in an array, you can utilize the Array#some method along with the in operator.

exists = $scope.array.some(function (o) {
    return SelectedOptionId in o;
});

Answer 2

If you want to validate if a certain option exists in an array, you can utilize the Array#some method along with the in operator.

exists = $scope.array.some(function (o) {
    return SelectedOptionId in o;
});

Answer 3

Answer №2

Verify this

function validateInput (input) {
   return $scope.list.some(function (item) { 
    return item === input;
  }
}

var result=validateInput("your input")

Answer 4

Verify this

function validateInput (input) {
   return $scope.list.some(function (item) { 
    return item === input;
  }
}

var result=validateInput("your input")

Answer 5

Answer №3

Give this a shot:

if($scope.array[SelectedOptionId] || _.includes(_.values($scope.array, SelectedOptionId))) { }

This code handles both key and value scenarios.

Answer 6

Give this a shot:

if($scope.array[SelectedOptionId] || _.includes(_.values($scope.array, SelectedOptionId))) { }

This code handles both key and value scenarios.

Answer 7

Answer №4

const chosenId = "1212";
let newArr = [{"1212":"12"},{"1213":"15"},{"1214":"18"},{"1215":"14"},{"1216":"17"}];

let result = newArr.filter(function(item){
    return Object.keys(item)[0] === chosenId; 
  });

console.log(result);

Answer 8

const chosenId = "1212";
let newArr = [{"1212":"12"},{"1213":"15"},{"1214":"18"},{"1215":"14"},{"1216":"17"}];

let result = newArr.filter(function(item){
    return Object.keys(item)[0] === chosenId; 
  });

console.log(result);

Answer 9

Answer №5

console.log(_.find($scope.array, function(obj) { return _.has(obj, "957"); }));

Implementing underscore functions

Answer 10

console.log(_.find($scope.array, function(obj) { return _.has(obj, "957"); }));

Implementing underscore functions

Answer 11

Answer №6

If you need to filter an array based on a specific condition, you can utilize the filter method. The code snippet below demonstrates how you can achieve this by returning an array with items that meet the criteria:

var data = [{"957":"1269"},{"958":"1265"},{"956":"1259"},{"957":"1269"},{"947":"1267"}];
var selectedKey = 957;

var filteredArray = data.filter(
  function(item) {return item[selectedKey]}
)

console.log(filteredArray);

When you input this data, the output will be:

[ { '957': '1269' }, { '957': '1269' } ]

Answer 12

If you need to filter an array based on a specific condition, you can utilize the filter method. The code snippet below demonstrates how you can achieve this by returning an array with items that meet the criteria:

var data = [{"957":"1269"},{"958":"1265"},{"956":"1259"},{"957":"1269"},{"947":"1267"}];
var selectedKey = 957;

var filteredArray = data.filter(
  function(item) {return item[selectedKey]}
)

console.log(filteredArray);

When you input this data, the output will be:

[ { '957': '1269' }, { '957': '1269' } ]

Answer 13

Answer №7

If you want to determine if a key exists in an object within an array, you can utilize either the in operator or the hasOwnProperty function.

Your previous attempt at using the hasOwnProperty function may not have worked because you were checking it directly on the array itself instead of on the items within the array.

Take a look at the following code snippet.

angular
  .module('demo', [])
  .controller('HomeController', DefaultController);

function DefaultController() {
  var vm = this;
  vm.items = [{
    "957": "1269"
  }, {
    "958": "1265"
  }, {
    "956": "1259"
  }, {
    "957": "1269"
  }, {
    "947": "1267"
  }];

  var key = '957';
  var isExists = keyExists(key, vm.items);
  console.log('is ' + key + ' exists: ' + isExists);

  function keyExists(key, items) {
    for (var i = 0; i < items.length; i++) {
      // if (key in items[i]) {
      if (items[i].hasOwnProperty(key)) {
        return true;
      }
    }

    return false;
  }
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="demo">
  <div ng-controller="HomeController as home">
    {{home.items | json}}
  </div>
</div>

Answer 14

If you want to determine if a key exists in an object within an array, you can utilize either the in operator or the hasOwnProperty function.

Your previous attempt at using the hasOwnProperty function may not have worked because you were checking it directly on the array itself instead of on the items within the array.

Take a look at the following code snippet.

angular
  .module('demo', [])
  .controller('HomeController', DefaultController);

function DefaultController() {
  var vm = this;
  vm.items = [{
    "957": "1269"
  }, {
    "958": "1265"
  }, {
    "956": "1259"
  }, {
    "957": "1269"
  }, {
    "947": "1267"
  }];

  var key = '957';
  var isExists = keyExists(key, vm.items);
  console.log('is ' + key + ' exists: ' + isExists);

  function keyExists(key, items) {
    for (var i = 0; i < items.length; i++) {
      // if (key in items[i]) {
      if (items[i].hasOwnProperty(key)) {
        return true;
      }
    }

    return false;
  }
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="demo">
  <div ng-controller="HomeController as home">
    {{home.items | json}}
  </div>
</div>

Answer 15

Answer №8

Various methods to achieve this :

Utilizing the Object's hasOwnProperty() method.

Example :

var SelectedOptionId = 957;

var arrayObj = [{"957":"1269"},{"958":"1265"},{"956":"1259"},{"957":"1269"},{"947":"1267"}];

function checkOption(key) {
  for(var i in arrayObj) {
    if(arrayObj[i].hasOwnProperty(key) == true) {
      return key+" exists.";
    } else {
      return key+" Not exists.";
    }
  } 
};

console.log(checkOption(SelectedOptionId)); // 957 exists.

using the Array's filter() method.

Example :

var SelectedOptionId = 957;

var arrayObj = [{"957":"1269"},{"958":"1265"},{"956":"1259"},{"957":"1269"},{"947":"1267"}];

var result = arrayObj.filter(function(elem) {
  return elem[SelectedOptionId]
});

if(result == '') {
console.log(SelectedOptionId+" not exists.");
} else {
console.log(SelectedOptionId+" exists.");
}

using the Array's some() method as recommended by Nina Scholz.

Example :

var SelectedOptionId = 957;

var arrayObj = [{"957":"1269"},{"958":"1265"},{"956":"1259"},{"957":"1269"},{"947":"1267"}];

var result = arrayObj.some(function (o) {
    return SelectedOptionId in o;
});

if(result == '') {
console.log(SelectedOptionId+" not exists.");
} else {
console.log(SelectedOptionId+" exists.");
}

Answer 16

Various methods to achieve this :

Utilizing the Object's hasOwnProperty() method.

Example :

var SelectedOptionId = 957;

var arrayObj = [{"957":"1269"},{"958":"1265"},{"956":"1259"},{"957":"1269"},{"947":"1267"}];

function checkOption(key) {
  for(var i in arrayObj) {
    if(arrayObj[i].hasOwnProperty(key) == true) {
      return key+" exists.";
    } else {
      return key+" Not exists.";
    }
  } 
};

console.log(checkOption(SelectedOptionId)); // 957 exists.

using the Array's filter() method.

Example :

var SelectedOptionId = 957;

var arrayObj = [{"957":"1269"},{"958":"1265"},{"956":"1259"},{"957":"1269"},{"947":"1267"}];

var result = arrayObj.filter(function(elem) {
  return elem[SelectedOptionId]
});

if(result == '') {
console.log(SelectedOptionId+" not exists.");
} else {
console.log(SelectedOptionId+" exists.");
}

using the Array's some() method as recommended by Nina Scholz.

Example :

var SelectedOptionId = 957;

var arrayObj = [{"957":"1269"},{"958":"1265"},{"956":"1259"},{"957":"1269"},{"947":"1267"}];

var result = arrayObj.some(function (o) {
    return SelectedOptionId in o;
});

if(result == '') {
console.log(SelectedOptionId+" not exists.");
} else {
console.log(SelectedOptionId+" exists.");
}

Validating Presence of a Value in an Array Object Using AngularJS

Answer №1

Answer №2

Answer №3

Answer №4

Answer №5

Answer №6

Answer №7

Answer №8

Similar questions

What causes the toggle effect in my jQuery onclick function to alternate between on and off when the initialization is repeated multiple times?

Removing an element from an array of objects using React

unable to display picture on puggy

Exploring the Versatility of the IN Operator in Jquery and Javascript

Using Vue to implement a "v-model" on a custom component that incorporates the ace-editor

Establishing Accessor and Mutator Methods

Prevent JavaScript from being entered into the form

The transfer of variables from AJAX to PHP is not working

When I request the value of a JavaScript object, I am met with 'undefined'

The error message received was: "npm encountered an error with code ENOENT while trying to

Populating a clickable list and form with a complex JavaScript object

Successful jQuery Ajax request made without the need for JSON parsing

Would you suggest using angularjs for authentication in large-scale applications?

Information within specified dates shows all leaders

Encountered an issue while attempting to retrieve the access token from Azure using JavaScript, as the response data could

Received a String instead of an Object while attempting to parse JSON data

What are the steps to set up auto-building with create-react-app?

Redux actions do not cooperate with functions, preferring to be implemented inline instead

The results generated by the Google Maps API are consistently consistent

Displaying a page using express.Router()