Splicing one array with another array values

Question

I have a function displaySelectedRole() and I have variables $scope.Role and $scope.rolenames .I need to remove all values available in $scope.role from $scope.rolename.

$scope.role= ["A","B","C"]; 

$scope.rolename =["A","B","C","D","E"]

I need to splice the values and get $scope.rolename = ["D","E"]

$scope.displaySelectedRole = function(role, index) {
           debugger;
           $scope.role.splice(RoleNames[index]);
            console.log($scope.role);

I tried to use splice based on index , but problem is it given empty array values in console.

$scope.rolename.filter(x=>!$scope.role.includes(x))

Rajesh Dixit
– Rajesh Dixit

2016-10-28 09:27:24 +00:00
Commented Oct 28, 2016 at 9:27 — Rajesh Dixit
– Rajesh Dixit, Commented Oct 28, 2016 at 9:27

Community · Accepted Answer · 2020-06-20 09:12:55Z

2

You can use filter

var $scope = {};  // Ignore this line
$scope.role= ["A","B","C"]; 
$scope.rolename = ["A","B","C","D","E"];

$scope.rolename = $scope.rolename.filter(function(role){
   return $scope.role.indexOf(role) === -1;
})

console.log($scope.rolename);

If you want to remove them directly you could iterate through the $scope.role and use splice

   var $scope = {};  // Ignore this line
   $scope.role= ["A","B","C"]; 
   $scope.rolename = ["A","B","C","D","E"];

   $scope.role.forEach(function(role){
   var index = $scope.rolename.indexOf(role);
   if(index !== -1) $scope.rolename.splice(index, 1);
})

console.log($scope.rolename);

Note: Array.filter will return a new array, unlike array.splice which will modify original array.

Reference

Array.filter

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Oct 28, 2016 at 9:34

taguenizy

2,2851 gold badge12 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Mistalis · Accepted Answer · 2016-10-28 09:29:25Z

0

You can you Underscore.js's difference(), it purposes a method to substract arrays:

$scope.role = ["A","B","C"]; 
$scope.rolename = ["A","B","C","D","E"];
$scope.diff = _.difference($scope.rolename, $scope.role); // ["D","E"]

answered Oct 28, 2016 at 9:29

Mistalis

18.3k14 gold badges78 silver badges97 bronze badges

Collectives™ on Stack Overflow

Splicing one array with another array values

2 Answers 2

Reference

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Reference

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related