Confirm that the array contains exactly 2 elements

Question

Confirm that the array contains exactly 2 elements

Is there a way to confirm that an array contains exactly two specific values, for example:

['foo', 'bar']

After trying different approaches, the closest solution I found looks like this:

Yup.array()
  .of(Yup.mixed().oneOf(['foo', 'bar']))
  .min(2)
  .max(2)

However, this code snippet would also validate arrays like ['foo', 'foo'] and ['bar', 'bar']

javascript arrays yup

Answer 1

Answer №1

To achieve this functionality, you have the option of utilizing the Yup test function. This function allows you to manipulate the current field value as well as other form field values. In the following example, we are checking if the field value contains duplicates such as ['foo', 'foo'], and then verifying that there are no duplicates and that every value in the field array includes either foo or bar:

Yup.array()
  .test('contains', 'Error message here', function (value) {
      let hasDuplicate = value.some((val, i) => value.indexOf(val) !== i);
      return !hasDuplicate && value.every(el => ['foo', 'bar'].includes(el));
   })
  .min(2)
  .max(2)

For more information on the test function, you can refer to: https://github.com/jquense/yup#mixedtestname-string-message-string--function-test-function-schema

Answer 2

To achieve this functionality, you have the option of utilizing the Yup test function. This function allows you to manipulate the current field value as well as other form field values. In the following example, we are checking if the field value contains duplicates such as ['foo', 'foo'], and then verifying that there are no duplicates and that every value in the field array includes either foo or bar:

Yup.array()
  .test('contains', 'Error message here', function (value) {
      let hasDuplicate = value.some((val, i) => value.indexOf(val) !== i);
      return !hasDuplicate && value.every(el => ['foo', 'bar'].includes(el));
   })
  .min(2)
  .max(2)

For more information on the test function, you can refer to: https://github.com/jquense/yup#mixedtestname-string-message-string--function-test-function-schema

Answer 3

Answer №2

If you need a solution, you can create a function to handle this. It seems like you're specifically searching for 2 variables within an array. Here's my approach:

function checkArray(arr, first, second){
    let found = false;
    if(arr.includes(first) && arr.includes(second)){
        found = true;
    }
    return found;
}

checkArray(["apple", "orange"], "apple", "orange");

If your requirement is for an array with the exact same length, you can include a length check in the function as well. The updated function would look like this:

function checkArray(arr, first, second){
    let found = false;
    if(arr.length != 2) {
        return false;
    }
    if(arr.includes(first) && arr.includes(second)){
        found = true;
    }
    return found;
}

checkArray(["apple", "orange"], "apple", "orange");

Answer 4

If you need a solution, you can create a function to handle this. It seems like you're specifically searching for 2 variables within an array. Here's my approach:

function checkArray(arr, first, second){
    let found = false;
    if(arr.includes(first) && arr.includes(second)){
        found = true;
    }
    return found;
}

checkArray(["apple", "orange"], "apple", "orange");

If your requirement is for an array with the exact same length, you can include a length check in the function as well. The updated function would look like this:

function checkArray(arr, first, second){
    let found = false;
    if(arr.length != 2) {
        return false;
    }
    if(arr.includes(first) && arr.includes(second)){
        found = true;
    }
    return found;
}

checkArray(["apple", "orange"], "apple", "orange");

Confirm that the array contains exactly 2 elements

Answer №1

Answer №2

Similar questions

Middleware that handles form post requests quickly became overwhelmed and resulted in a RangeError

Remove an item from the options list in the select2 plugin after an event occurs

Combining arrays in Javascript that share the same key by utilizing a loop

Efficient techniques for converting a list to a set in Python 2.7

Transfer information using beforeEnter to navigate through route components

Mastering the art of integrating a multi-step form in React

Merge the chosen values from the drop-down menu into one string

Decode array in JavaScript

It is imperative that the 'Access-Control-Allow-Origin' header value in the response is not set to '*' when the request's credentials mode is 'include'

Make sure the page preloader is visible before any other content is loaded

Wrapping an anchor tag with a div in Codeigniter

The PHP-generated table is not being appended to the specified div with jQuery

What is the best way to call another "put" action method within the same controller file?

What is the best way to incorporate a description box for each city on the svg map that appears when you hover your mouse over it?

Connect to Node-Red websocket server

How to implement an instance method within a Typescript class for a Node.js application

Why is the output [[]] instead of [] after removing the last array like [["1"]] using .splice()?

Utilize the setInterval method to repeatedly call the random function

Obtain the index by clicking on an element within an HTMLCollection

Setting up and Building Arrays of Objects in C++