La función intepolateString() en D3.js se usa para devolver la función de interpolación entre dos strings. Para cada número en la string «b», la función encuentra un número para él en la string «a», luego devuelve la interpolación de estos números usando la función de interpolador de números, y la parte restante de la string «b» se usa como plantilla.
Sintaxis:
d3.intepolateString(a, b);
Parámetros: Toma dos parámetros:
- a: Es una string de caracteres y números.
- b: También es una string de caracteres y números.
Devoluciones: Devuelve la función interpoladora.
A continuación se dan algunos ejemplos de la función anterior.
Ejemplo 1:
html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <style> </style> <body> <!--fetching from CDN of D3.js --> <script type = "text/javascript" src = "https://d3js.org/d3.v4.min.js"> </script> <script> let s1="42 geeks 16"; let s2="500 Geeks 10 for 20 geeks" let interpolatoreFunc=d3.interpolateString(s1, s2); /* Note that the string alphabets of string b are same as output but the Numbers are changed.*/ console.log(interpolatoreFunc(0.25)) console.log(interpolatoreFunc(5)) console.log(interpolatoreFunc(0)) console.log(interpolatoreFunc()) </script> </body> </html>
Producción:
Ejemplo 2:
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width,
initial-scale=1.0">
<title>Document</title>
</head>
<style>
</style>
<body>
<!--Fetching from CDN of D3.js -->
<script type = "text/javascript"
src = "https://d3js.org/d3.v4.min.js">
</script>
<script>
try{
// Trying numbers with this function
console.log(d3.interpolateString(24, 15)(0.26))
// If only string is given and no Number
console.log(
d3.interpolateString("geeks", "for Geeks")(0.5))
// If a is a number and b is a string
console.log(
d3.interpolateString(24, "Geeks for geeks")(0.8))
// If a is not given
console.log(
d3.interpolateString("13 geeks")(0.46))
console.log(
typeof d3.interpolateString("2 asda", "13 geeks"))
}
catch(err){
throw err;
}
</script>
</body>
</html>
Producción:
