Comparing data from JSON and input.value

Question

I am working on small shopping cart project. I have products in JSON.file, also I have input for finding price of products. I am using class method question is: this are strings or numbers? -> (3) ['35', '35', '35']


searchItem(data) {
    let that = this

    searchBtn.addEventListener('click', function(e) {
      
       const input = document.querySelector('.input').value

           
       const findItem = data.filter(function(item) {
          if(item.price === input) {
            return item
          }
        })   // this return all data of product so I filtered only prices bellow


        const getItem = findItem.map(item => {
          return item.price
        })                      
 
       // this give:    (3) ['35', '35', '35']  


    
         if(input === getItem) {     
             console.log('same') 
        } else {
          console.log('try it again') 
        }
                         
         // this cond. show me :  console.log('try it again')
         // HOW TO GET:   console.log('same')  
      
       e.preventDefault()
    })

Get the type with typeof myVariableToTest. By the way, the array contains strings. You could easily convert them all to numbers with something like arrayToConvert.map(i => +i);. Also, you are comparing an array to a string. What do you expect?? If you don't want to bother converting them to numbers you could take advantage of type coercion with using two == instead of three ===. — code
– code, Commented Jan 12, 2022 at 0:05
They are strings, but you are comparing the input (a string) with getItem (an array). Try if (input === getItem[0]) but that is guaranteed to match, since getItem is filtered based on the input value. — Gabriele Petrioli
– Gabriele Petrioli, Commented Jan 12, 2022 at 0:06
@code actually have a very good point by suggesting two == instead of three === — Destiny Brotobor
– Destiny Brotobor, Commented Jan 12, 2022 at 0:21

Vaggelis · Accepted Answer · 2022-01-12 00:06:31Z

3

You can always run a typeof to find out what data types you dealing with

for example

console.log(typeof getItem[0])

also here :

        if(input === getItem) {     
             console.log('same') 
        } else {
          console.log('try it again') 
        }

you are checking the input variable against a whole array,you have to specify which item of the array to check against like :

if(input === getItem[0]) {     
             console.log('same') 
        } else {
          console.log('try it again') 
        }

answered Jan 12, 2022 at 0:06

Vaggelis

1,0631 gold badge9 silver badges28 bronze badges

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

Comments

Destiny Brotobor · Accepted Answer · 2022-01-12 00:57:28Z

A quick and straight to your question without the code analysis, Any value gotten from your input is a string and not numbers.

Therefore, if the values of the price you are getting from data are integer, then you will have to consider parsing the values from the input by using the parseInt() method. Example;

const findItem = data.filter(function(item) {
      if(item.price === parseInt(input)) {
        return item
      }
    })

Another thing is that getItem is an array so, evaluating with a particular value from input is bound to fail. Therefore, use getItem[0] instead and two "==" instead of "===" just as suggested on the comment.

function searchItem(data) {
        let that = this

        searchBtn.addEventListener('click', function(e) {
        
        const input = document.querySelector('.input').value

            
        const findItem = data.filter(function(item) {
            if(item.price == input) {
                return item
            }
        })   // this return all data of product so I filtered only prices bellow


            const getItem = findItem.map(item => {
                return item.price
            })  
            
            console.log(getItem);
    
        // this give:    (3) ['35', '35', '35']  

            if(input == getItem[0]) {     
                console.log('same') 
            } else {
                console.log('try it again') 
            }
                            
            // this cond. show me :  console.log('try it again')
            // HOW TO GET:   console.log('same')  
        
        e.preventDefault()
        })
    }

Collectives™ on Stack Overflow

Comparing data from JSON and input.value

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related