Identifying the similarities between strings and array elements in JavaScript

Question

Identifying the similarities between strings and array elements in JavaScript

I am facing an issue where I have a list of values stored in a comma-separated string and I need to compare them against an array to see if any match. The goal is to return true or false, but I keep getting an undefined error.

const reqRights = ["18900253","3217840","1053"]; 
const groups    = "3217635,18272308,1053,3217633,18900253,3217698,3217699,3217840,10162510";

function checker(value) {
  var groups = groups.split(",");
  console.log(groups);
  return groups.every(function(v) {
    return value.indexOf(v) !== -1;
  });
}

arr = reqRights.filter(checker);
console.log(arr);

It's important to note that the js engine SpiderMonkey 1.8 does not support .includes and some methods

javascript arrays

Answer 1

Answer №1

Make sure to use const for groups as it prevents reassignment. Additionally, consider moving the groups.split(",") outside of the checker function to avoid creating a new array on every function call.

Instead of using every, utilize some to check if the regRights item is present in the groups array.

const reqRights = ["18900253","3217840","1053"]; 
const groups = "3217635,18272308,1053,3217633,18900253,3217698,3217699,3217840,10162510";

const groupsArray = groups.split(",");

function checkGroupValue(group) { 
   return group === value;
}

function checker(value) {
  return groupsArray.some(checkGroupValue);
}

arr = reqRights.filter(checker);
console.log(arr);

Answer 2

Make sure to use const for groups as it prevents reassignment. Additionally, consider moving the groups.split(",") outside of the checker function to avoid creating a new array on every function call.

Instead of using every, utilize some to check if the regRights item is present in the groups array.

const reqRights = ["18900253","3217840","1053"]; 
const groups = "3217635,18272308,1053,3217633,18900253,3217698,3217699,3217840,10162510";

const groupsArray = groups.split(",");

function checkGroupValue(group) { 
   return group === value;
}

function checker(value) {
  return groupsArray.some(checkGroupValue);
}

arr = reqRights.filter(checker);
console.log(arr);

Answer 3

Answer №2

let requiredPermissions = ['18900253','3217840','1053']; 
let allGroups = '3217635,18272308,1053,3217633,18900253,3217698,3217699,3217840,10162510';

function permissionChecker(value) {
  let groups = allGroups.split(',');
  return groups.every(val => groups.indexOf(val) !== -1);
}

let matchedPermissions = requiredPermissions.filter(permissionChecker);
console.log('Matching elements: ', matchedPermissions.length ? 'Yes' : 'No');

Answer 4

let requiredPermissions = ['18900253','3217840','1053']; 
let allGroups = '3217635,18272308,1053,3217633,18900253,3217698,3217699,3217840,10162510';

function permissionChecker(value) {
  let groups = allGroups.split(',');
  return groups.every(val => groups.indexOf(val) !== -1);
}

let matchedPermissions = requiredPermissions.filter(permissionChecker);
console.log('Matching elements: ', matchedPermissions.length ? 'Yes' : 'No');

Answer 5

Answer №3

I wanted to steer clear of using indexOf to avoid any potential false positive results (for example, reqRight "1053" showing up when found in "1053568"). While this may not be the most concise solution, it is designed to be compatible with spiderMonkey 1.8.

const reqRights = ["18900253","3217840","1053"]; 
const groups    = "3217635,18272308,1053,3217633,18900253,3217698,3217699,3217840,10162510";

function checker(values, required) {
  var valuesArray = values.split(",");
  return valuesArray.filter((value) => {
    return required.filter((req) => {
      return req === value; 
    }).length > 0;
  })
}

arr = checker(groups, reqRights);
console.log(arr);

Answer 6

I wanted to steer clear of using indexOf to avoid any potential false positive results (for example, reqRight "1053" showing up when found in "1053568"). While this may not be the most concise solution, it is designed to be compatible with spiderMonkey 1.8.

const reqRights = ["18900253","3217840","1053"]; 
const groups    = "3217635,18272308,1053,3217633,18900253,3217698,3217699,3217840,10162510";

function checker(values, required) {
  var valuesArray = values.split(",");
  return valuesArray.filter((value) => {
    return required.filter((req) => {
      return req === value; 
    }).length > 0;
  })
}

arr = checker(groups, reqRights);
console.log(arr);

Answer 7

Answer №4

Utilize the Array.find method to filter out values from the groups array:

const reqRights = ["18900253","3217840","1053"]; 
const groups    = "3217635,18272308,1053,3217633,18900253,3217698,3217699,3217840,10162510";
const checker = value => 
 ({[value]: reqRights.find(v => value === v) ? true : false});
const checked = groups.split(`,`).map(checker);
console.log(checked);

Alternatively, combine both arrays (treating groups as an array), sort them numerically, and then filter out duplicate values.

const reqRights = ["18900253","3217840","1053"]; 
const groups    = "3217635,18272308,1053,3217633,18900253,3217698,3217699,3217840,10162510";
const checked = groups.split(`,`)
  .concat(reqRights)
  .sort( (a, b) => +a - +b)
  .filter((v, i, self) => self[i+1] === v);
  
console.log(checked);

Answer 8

Utilize the Array.find method to filter out values from the groups array:

const reqRights = ["18900253","3217840","1053"]; 
const groups    = "3217635,18272308,1053,3217633,18900253,3217698,3217699,3217840,10162510";
const checker = value => 
 ({[value]: reqRights.find(v => value === v) ? true : false});
const checked = groups.split(`,`).map(checker);
console.log(checked);

Alternatively, combine both arrays (treating groups as an array), sort them numerically, and then filter out duplicate values.

const reqRights = ["18900253","3217840","1053"]; 
const groups    = "3217635,18272308,1053,3217633,18900253,3217698,3217699,3217840,10162510";
const checked = groups.split(`,`)
  .concat(reqRights)
  .sort( (a, b) => +a - +b)
  .filter((v, i, self) => self[i+1] === v);
  
console.log(checked);

Answer 9

Answer №5

To accomplish this task, you can utilize the combination of Array.map() and Array.some() methods.

Check out the example below for a demonstration:

const requiredRights = ["18900253","3217840","1053"]; 
const userGroups = "3217635,18272308,1053,3217633,18900253,3217698,3217699,3217840,10162510";

const result = userGroups.split(',').map(group => {
    return requiredRights.some(right => group === right)
});

console.log(result);

Answer 10

To accomplish this task, you can utilize the combination of Array.map() and Array.some() methods.

Check out the example below for a demonstration:

const requiredRights = ["18900253","3217840","1053"]; 
const userGroups = "3217635,18272308,1053,3217633,18900253,3217698,3217699,3217840,10162510";

const result = userGroups.split(',').map(group => {
    return requiredRights.some(right => group === right)
});

console.log(result);

Identifying the similarities between strings and array elements in JavaScript

Answer №1

Answer №2

Answer №3

Answer №4

Answer №5

Similar questions

Texture mapping in THREE.JS can be applied to ExtrudeGeometry for enhancing the appearance

Using the array.prototype.map method on props in React.js results in an array that is devoid

JS ddsclick is not a defined function

Tips for resolving a flickering issue that occurs when switching to an input field with our default value / placeholder plugin

Convert Time: segment time devoted to the main content from the time dedicated to advertisements

Restrict certain links from being clickable until the page has finished loading and all click events have been bound using

Convert the array column in PostgreSQL containing tstzrange data types to an array column with tsrange

Add a new row to the table when a dropdown option is selected, and remove the row when deleted. Ensure that the row is only added

The JavaScript code created in CodePen doesn't seem to function properly when integrated into my website

What is the best way to choose two <li> elements with multiple classes in my WordPress navigation menu?

Problem with character encoding in Node.js

In node.js, session variables become null when the page is refreshed

Refine an Array by applying multiple filters

Strategies for managing the "ref" property of Material-UI component props within our custom components

Menu secured in place within the wrapper

Creating an empty array of objects in Vue 3 requires using the Vue 3 syntax

What is the best way to save an object in a variable in MeteorJS/React for future retrieval?

Data is not appearing as expected in the React component when using the data

The input field is not functioning properly within the vue-drag-resize component

Triggering a JQuery slider event on each individual slider handle within the range