Estoy tratando de ver el índice de () de una matriz de números para un valor ingresado.
Para números regulares en la matriz, no funciona, pero si el número en la matriz usa comillas (como "3"), de alguna manera funciona.
¿Por qué esto no funciona para un número regular sin comillas?
<p><input type="number" id="inNum"></p> <button onclick="indexCheck()">Check</button> <p id="result"></p> <script> var arr = [1, 2, "3", 4]; function indexCheck() { var x = document.getElementById("inNum").value; var ind = arr.indexOf(x); document.getElementById("result").innerHTML = ind; }; </script>En el ejemplo anterior, 1, 2 y 4 dan un resultado de -1 (por lo que no se encuentran en la matriz) pero 3 dan un resultado de 2 (por lo que se encuentran en la matriz en la posición 2).
Sin embargo, de alguna manera se puede encontrar un número no ingresado y funciona bien:
<button onclick="indexCheck()">Check</button> <p id="result"></p> <script> var arr = [1, 2, "3", 4]; function indexCheck() { var x = 2; var ind = arr.indexOf(x); document.getElementById("result").innerHTML = ind; }; </script>¿Qué estoy haciendo mal? ¡Cualquier ayuda sería apreciada!
Su "número" de entrada es en realidad una cadena. Aquí está la documentación de la interfaz HTMLInputElement ; tenga en cuenta que la propiedad de value es de tipo string .
Es por eso que puede encontrar el valor "3" en su matriz, pero no el número 3 . Para convertirlo en un número, puede usar la función global Number :
var string = "3"; var number = Number(string); // will be 3<script> var arr = ['1', '2', '3', '4']; function indexCheck() { var x = document.getElementById("inNum").value; var ind = arr.indexOf(x); document.getElementById("result").innerHTML = ind } </script>