¿Cómo encontrar caracteres únicos de una string en JavaScript?

El propósito de este artículo es encontrar caracteres únicos en una string usando JavaScript.

Ejemplo:

Input:  Geeksforgeeks
Output: Geksforg

Input:  Geeksforgeeks is a great site for computer science
Output: Geksforg Iaticmpun

Para lograrlo, contamos con los siguientes enfoques:

Enfoque 1: este es un enfoque ingenuo para encontrar los caracteres únicos de una string. En este enfoque, creamos un nombre de variable uniq y estamos iterando sobre la string usando el ciclo for y en cada iteración, estamos verificando si el uniq contiene el carácter.

<script>
function findUnique(str){
  // The variable that contains the unique values
  let uniq = "";
   
  for(let i = 0; i < str.length; i++){
    // Checking if the uniq contains the character
    if(uniq.includes(str[i]) === false){
      // If the character not present in uniq
      // Concatenate the character with uniq
      uniq += str[i]
    }
  }
  return uniq;
}
 
console.log(findUnique("Geeksforgeeks"))
console.log(findUnique("Geeksforgeeks Is a great site for computer science"))
</script>

Producción:

"Geksforg"

"Geksforg Iaticmpun"

Enfoque 2: en este método, usamos la estructura de datos establecida. La estructura de datos establecida contiene solo valores únicos, y la aprovechamos. Entonces, para extraer los valores únicos de la string usando Set , seguimos los pasos a continuación.

• Usando el método split() , convierta la string en una array.
• Cree un conjunto usando el nuevo conjunto() y pase la array convertida en él.
• Ahora convierta el conjunto en una array usando el operador de propagación, por ejemplo: [… conjunto]
• Y luego únete a esa array para hacer una string.

<script>
// Javascript program to extract unique characters from a string
function findUnique(str){
 
  // Split the string to make array
  str = str.split("")
   
  // Create a set using array
  str = new Set(str);
   
  // Convert the set into array using spread
  // operator and join it to make string
  str = [...str].join("");
   
  return str;
}
 
 
console.log(findUnique("Geeksforgeeks"))
console.log(findUnique("Geeksforgeeks Is a great site for computer science"))
</script>

Producción:

"Geksforg"

"Geksforg Iaticmpun"

Enfoque 3: en este enfoque primero, convertimos la string en una array usando el operador de propagación, por ejemplo, […str] y luego aplicamos el método de  reducción en esa array.

<script>
// Javascript program to extract unique characters from a string
function findUnique(str){
  return [...str].reduce((acc, curr)=>{
    return acc.includes(curr) ?  acc  :  acc + curr;
  }, "")
}
 
 
console.log(findUnique("Geeksforgeeks"))
console.log(findUnique("Geeksforgeeks Is a great site for computer science"))
</script>

Producción:

"Geksforg"
"Geksforg Iaticmpun"

Enfoque 4: En este enfoque, usaremos un ciclo for- loop para iterar sobre la string completa y luego, usando el método indexOf() , verificaremos el índice de todos y cada uno de los caracteres (usando el método charAt() ) de la string que se repite o no se repite y luego en una string vacía (que declararemos inicialmente) almacenaremos todos los caracteres únicos.

// JavaScript code for the above approach...
 
let uniqueCharacters = (stringg) => {
  let unique_characters = "";
  for (let i = 0; i < stringg.length; i++) {
    if (unique_characters.indexOf(stringg.charAt(i)) < 0) {
      unique_characters += stringg.charAt(i);
    }
  }
  return unique_characters;
};
 
console.log(uniqueCharacters("Geeksforgeeks"));
 
// This code is contributed by Aman Singla...

Producción:

Geksforg