📷 instagram.com/nestor2509
Public
Edited
Mar 30, 2022
1 star
// Una variable de texto
texto = "TEXTO"
Puedo escribir con la variable ${texto}
// Una variable con un número
num = 3045
// Puede ser decimal
num_d = 3045.9999
// Una variable con un booleano [verdadero/falso]
booleano = true
// Un objeto permite crear objetos con varias propiedades de tipos distintos
objeto = ({
texto: "texto 23",
numero: 254,
booleano: true,
objeto : {
nombre: "Nombre del objeto 100"
},
arreglo : []
})
objeto['objeto']['nombre']
objeto['objeto']['nombre']
arreglo_vacio = []
// Puedo ver el tamaño del arreglo
arreglo_vacio.length
arreglo_numeros = [1,2.3,5,8.4,8,10]
// Miro el tamaño del arreglo
arreglo_numeros.length
// Quiero consultar el segundo elemento del arreglo, como la cuenta empieza en cero el índice del elemento es 1
arreglo_numeros[2]
arreglo_objetos = [
{
texto: "texto",
numero: 254,
booleano: true,
objeto : {
nombre: "Nombre del objeto 1"
},
arreglo : []
},
{
texto: "texto",
numero: 254,
booleano: true,
objeto : {
nombre: "Nombre del objeto 2"
},
arreglo : []
},{
texto: "texto",
numero: 254,
booleano: true,
objeto : {
nombre: "Nombre del objeto 3"
},
arreglo : []
}
]
// Las consultas entre arreglos y objetos se pueden mezclar. Acá podemos consultar el atributo texto del tercer elemento
arreglo_objetos[1]['objeto']['nombre']
// Una variable de texto
texto_ = "esto es un texto"
viewof text_input = Inputs.text({label: "Un campo de texto"})
Este es el texto del input: ${text_input}
viewof textarea_input = Inputs.textarea({label: "Un campo para párrafos"})
// Una variable con un número
num_ = 3045
viewof range_input = Inputs.range([-100, 100], {label: "Rango de número", step: 5})
booleano_ = true
viewof toggle = Inputs.toggle({label: "On/Off"})
toggle
Pueden ponerle lógica a su texto: ${toggle ? "hola mundo": 'falso'}
viewof color = Inputs.color({label: "Color", value: "#4682b4"})
viewof select = Inputs.select(["A", "B"], {label: "Select one"})
viewof radios = Inputs.radio(["A", "B"], {label: "Select one"})
viewof checkboxes = Inputs.checkbox(["A", "B"], {label: "Select some"})
// Uso la llave del menu para llamar mi elemento
datos_menu[select]
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
