vue3 find min value from an array

Question

I'm trying to get the minimum value from an array in Vue3 but I keep getting an infinity value. Can I please get help?

Below is adding value to the 'ranks' array.

const ranks = ref([])
for (let i = 0; i < uni.value.length; i++) {
    ranks.value.push(uni.value[i].rank)
}

And here is the finding min code:

const min = Math.min(...ranks.value)
console.log(min)  // it returns Infinity

this is how my ranks array looks in the console:

ranks array in console

You get Infinity if your ranks array is empty. Check if the for loop is actually correctly filling the ranks array. — Gabe
– Gabe, Commented Aug 8, 2022 at 6:13
the image above is the result of console.log(ranks.value). It shows that there are 3 elements in an array. So I thought adding elements worked fine. — Jihwan Shin
– Jihwan Shin, Commented Aug 8, 2022 at 6:19
If you open target in that console.log, what is in it? It might be 3 ‘undefined’ values. — Gabe
– Gabe, Commented Aug 8, 2022 at 6:30
Does this answer your question? Get max and min value from array in JavaScript — Michal Levý
– Michal Levý, Commented Aug 8, 2022 at 6:38

Anudeep GI · Accepted Answer · 2022-08-08 05:43:41Z

0

const minValue = (nums) => {
  let min = Infinity; 
  for(let i=0; i< nums.length;i++){
    if(min > nums[i]){
      min = nums[i];
    }
  }
  return min;
};

answered Aug 8, 2022 at 5:43

Anudeep GI

9413 gold badges14 silver badges46 bronze badges

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

1 Comment

Jihwan Shin Over a year ago

console.log(minValue(ranks)) should give me the minimum value, right?

Sujith Sandeep · Accepted Answer · 2022-08-08 05:51:30Z

0

Use the below code to find the minimum value.

a = [5,4,1,2,3]
let minVal = Infinity
a.forEach(val => minVal = minVal > val ? val : minVal)
console.log('Minimum value is ' + minVal)

answered Aug 8, 2022 at 5:51

Sujith Sandeep

1,24711 silver badges22 bronze badges

4 Comments

Jihwan Shin Over a year ago

Your code works when the array is predefined like above. But, my array is in ref (I'm not sure if this makes any difference), and when I run code "ranks.forEach(val => minVal = minVal > val ? val : minVal)", it throws an error saying "ranks.forEach is not a function".

Gabe Over a year ago

You should use ranks.value.forEach since you are using a ref.

Jihwan Shin Over a year ago

hmm.... it still returns infinity.

Gabe Over a year ago

Yes, see my other comment

Collectives™ on Stack Overflow

vue3 find min value from an array

2 Answers 2

1 Comment

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related