Las bondades del método includes() en JavaScript

세군 라 MDN el método includes() de JavaScript fue lanzado en la versiones ES6 del lenguaje y solo podía ser usado con cadenas de texto, postiormente el método se extiende para su uso en arreglos para la especificación ES7, en otras palabras:
  • includes() en ES6: 문자열을 사용하십시오.
  • includes() ko ES7: 배열을 사용하십시오.

  • Pero, ¿para que sirve exactamente este método? 🤔
    En ambos casos y en sintesis, includes realiza una búsqueda en el string o en el array y retorna un valor boleano según sea el caso; true si encuentra el valor y false sino lo encuentra.

    Sintaxis



    string.includes('valor a buscar', posicion);
    or
    array.includes('valor a buscar', posicion);
    

    돈데:

  • 문자열 y 배열은 변수 donde se aplicará el método honorivamente를 나타냅니다.
  • posicion es un entero opcional que Representativea la el índice desde el cual se desea realizar la búsqueda.

  • Son suficientes conceptos teóricos, ahora veamos ejemplos prácticos:

    문자열에 포함() 적용



    let nombre = "Cristian Fernando Villca Gutierrez";
    let res = nombre.includes("Fernando");
    console.log(res); //true
    

    El siguiente ejemplo devolverá por consola true ya que el parametro Fernando 파사도 includes si está en la cadena nombre .

    Ahora le pasaremos un parametro índex opcional y analizaremos que es lo que sucede:

    let nombre = "Cristian Fernando Villca Gutierrez";
    let res = nombre.includes("Fernando",17);
    console.log(res); //false
    


    Ahora la salida del ejemplo es false , ya que la búsqueda se empieza a realizar desde la posición 17 del string, por lo que no encuentra la palabra Fernando .

    포함() 응용 프로그램 배열



    La manera de usar includes() con arreglos es bastante는 usarla con un 문자열과 유사합니다.

    const mi_arreglo = ["Hola", 25, "perro", false];
    let res = mi_arreglo.includes("perro");
    console.log(res); // true
    


    라 카데나 perro ocupa la 2da posición del arreglo, por ende la salida es true .

    const mi_arreglo = ["Hola", 25, "perro", false];
    let res = mi_arreglo.includes("gato");
    console.log(res);
    


    알 부스카 라 팔라브라 gato 라 살리다 에스 false ya que el string no contiene ninguna posición con ese valor.

    참고: De igual manera es posible pasarle un parametro opcional numérico para que la búsqueda se realice desde un índex determinado.

    ¿ include() 객체를 포함합니까?


    includes() es un método que solo se puede usar en strings y arrays, no puede usarse en objetos, si se deseara hacer algo parecido con un objeto se tendrían que buscar otros caminos.

    const mi_objeto = {
      nombre: "Cristian",
      edad:24,
      soltero: false
    };
    
    if('nombre' in mi_objeto){
      console.log("nombre existe");
    }else{
      console.log("nombre no existe");
    }
    


    결론


  • includes() realiza búsquedas en strings y arrays.
  • Las búsquedas por deftose realizan desde la posición 0 de la cadena o del arreglo.
  • Es posible modificar este comportamiento añadiendo un 2do parametro opcional entero para realizar la búsqueda.
  • Siempre retorna true o false Dependiendo del éxito o no de la búsqueda.
  • No es posible usarlo en objetos

  • 참조


  • https://www.w3schools.com/jsref/jsref_includes_array.asp
  • https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Global_Objects/Array/includes

  • 좋은 웹페이지 즐겨찾기