Variables: Strings

Clase 5 de 55 • Fundamentos de JavaScript 2018

Resumen

Los strings son cadenas de texto. Para indicar que estamos usando una cadena de texto debemos de colocar las comillas simples.

En este curso utilizaremos los métodos:

toUpperCase, que sirve para transformar un String a mayúsculas.
toLowerCase, que sirve para transformar el string a minúsculas.

También usaremos el atributo:

length, que nos indica la cantidad de caractéres que tiene un string.

Para concatenar dos strings se utiliza el símbolo (+)
var nombreCompleto = nombre + ’ ’ + apellido

Desafío: Encuentra la última letra de su nombre

Diego Andrés Rojas González

student•

camelCase

Sabes por que las variables y funciones comienzan en minúscula pero al agregarle una nueva palabra se comienza en mayúscula ?

Una buena practica es que las variables o funciones sean descriptivas.

Y como las haces mas descriptivas, agregándole mas información a tu variable o función, pero

JS no permite declarar variables con espacios entre las palabras

Por lo que se debes declarar la información de forma unida

Por esto la comunidad a tomado la sintaxis camelCase por convención en JS

camelCase: es un tipo de escritura donde las palabras están compuestas y cada palabra agregada comienza en mayúscula

Si quieres sabes más sobre buenas practicas 👉convencionesJavascript
Si quieres saber como se dio el nombre de camelCase Camello

Carlos López Brú

student•

Buen aporte amigo gracias

Rene Zelaya

student•

Para extender un poco el aporte, definire un par de funciones como ilustracion, el camelCase se divide en dos:

lowerCamelCase: Es donde la primer palabra es en minuscula y en las nuevas palabras se comienza con la primer letra en mayuscula.
Ejemplo
miFuncion() {
console.log(‘lowerCamelCase’)
}

upperCamelCase*: Es donde la primer letra de cada palabra es en mayuscula
Ejemplo
MiFuncion() {
console.log(‘upperCamelCase’)
}

Ivan Santiago

student•

Reto:

var nombre = 'Alan Santiago'
var ultimaLetra = nombre.charAt(nombre.length - 1)

Ivan Santiago

student•

@LuisDark123 Tiene que ver con los arrays. charAt() usa las posiciones como si fueran posiciones de un array. Pero el length cuenta todos los caracteres 🤔

En el texto: Alan Santiago

El length del texto es de 13.
La A es la posición 0, pues los arrays empiezan a contar desde 0.
La ultima posición sería el 12.

Seria algo así:

Según nosotros: 1A-2l-3a-4n-5 -6S-7a-78n-9t-10i-11a-12g-13o
Según un array: 0A-1l-2a-3n-4 -5S-6a-7̣n-8t-9i-10a-11g-12o
Como vez, al empezar a contar desde 0 y no desde 1 los numeros se recorren un numero; así que cuando quieras acceder a algo dentro de un array tendrias que restarle uno a la posicion que en realidad tiene 😄

David Camilo Latorre Monroy

student•

Los números negativos cuentan de atrás hacia adelante (De derecha a Izquierda), así que -1 vendría a ser la “primera” letra de atrás hacia adelante.

Jorge Ossa

student•

A mi me funciono esta para solucionar el reto:

var nombre = 'Jorge'
var ultimaLetra = nombre.substr(-1)

Iván Toro

student•

Excelente solución.

Daniel Páez

student•

¿Por què te funciona? ¿No deberia ser un valor invalido el -1?

Jose L. Figueroa

student•

Va el Review:

str.toUpperCase() - Cambia el string a mayúsculas
str.toLowerCase() - Cambia el string a minúsculas
str.charAt() - Trae el carácter en la posición en, requiere el parámetro de la posición del carácter al que queremos acceder.

*** El 1er caracter de todo string se encuentra en la posición 0. str.charAt(0) .

str.length - Se llama al atributo length, que entrega la cantidad de letras que contiene un string.
Interpolación de variables :

Se realiza con las comillas invertidas “``”:

${var1} ${var2}

*** Dentro de las llaves se puede escribir código js.

${str.toUpperCase()}

str.substr(posicion, número de caracteres a traer) - trae una subcadena, la cual es cortada dependiendo del 1er parámetro que es desde donde queremos que empiece y del 2ndo parámetro que es cuántos caracteres queremos que traiga la subcadena.

Fredy Alejandro Carvajal Gomez

student•

GRACIAS

Carlos Sanguino

student•

Muchas gracias

Fernando Andres Muñoz Suazo

student•

Solución desafío:

var ultimaLetra = nombre.charAt(nombre.length-1)

Explicación:

Creamos una variable llamada ultimaLetra
Asignamos como valor a la variable el resultado de nombre.charAt
Dentro de la función charAt pasamos como parámetro todo el largo de nuestro nombre y le restamos 1

¿Por qué restamos 1? Porque charAt y length comienzan a contar de manera distinta, mientras charAt comienza de 0, length comienza de 1. Y lo que realmente pasa dentro de nombre.charAt(nombre.length-1) es que primero se ejecuta lo que está entre paréntesis, es decir devuelve un valor x, y luego se ejecuta el charAt, es decir mueve el cursor a la posición del valor de x.

Para tratar de ejemplificar más, en el siguiente ejemplo tenemos la palabra Platzi, tiene 6 caracteres en total, si queremos ir a la última letra en este caso la i, el valor de lenght es 6 y para charAt es 5, por eso restamos 1.

Victor Andres Castillo Zambrano

student•

gracias

Mauricio Hernan Cabrera

student•

Con alt + 96 se puede imprimir la comilla invertida. Cualquier duda sobre algun caracter o simbolo dejo esto.
Codigo ASCII

Franco Agustín Torres

student•

Gracias.

Victor Andres Castillo Zambrano

student•

muchas gracias

Diego Andrés Rojas González

student•

Mi solución

var name = 'dandres'
var lastChar = name.slice(-1)

Raquel Mancilla

student•

sí,totalmente de acuerdo. Simplemente hay un método y es slice

Diego Andrés Rojas González

student•

jajaja, tranquilo viejo (insertar meme). hay muchas maneras de hacer lo mismo, yo solo aporte una de ellas.

Montserrat Palacios

student•

Desafío:

var nombreUsuario;
	nombreUsuario = prompt("Ingrese su nombre"); //solicitar el nombre al usuario
	console.log("la ultima letra de su nombre es " + nombreUsuario.charAt(nombreUsuario.length - 1)); //imprime en consola la ultima letra del nombre ingresado 
	document.write("la ultima letra de su nombre es " + nombreUsuario.charAt(nombreUsuario.length - 1)); //imprime en el documento la ultima letra del nombre ingresado

En el curso de programación básica se habla mucho sobre prompt y document.write básicamente lo que hace el primero es solicitar información al usuario por medio de una ventana emergente y el segundo "escribir en el documento html "

😃

Victor Andres Castillo Zambrano

student•

muy bien

Mirna Mabel Veras Carvajal

student•

Resumen de la clase con el desafío inlcuido:

var nombre = 'Mirna', apellido = 'Veras'

//Transformar un string a mayúsculas
var nombreEnMayusculas = nombre.toUpperCase()

//Transformar un string a minúsculas
var apellidoEnMinusculas = apellido.toLowerCase()

//Extraer la primera letra de un string
var primeraLetraDelNombre = nombre.charAt(0)

//Para saber la cantidad de caracteres que tiene un string
var cantidadDeLetrasDelNombre = nombre.length

//Concatenar 2 strings:
var nombreCompleto = nombre + ' ' + apellido

//Otra forma de concatenar es la Interpolación de Textos
var nombreEntero = `${nombre} ${apellido}`

//Interpolación de textos incluyendo código JS
var nombreEnteroCodigo = `${nombre} ${apellido.toUpperCase()}`

//Substring - Extraer caracteres de un string
var str = nombre.substr(1, 2)

//Mostrar la última letra de un string
var ultimaLetraDelNombre = nombre.substr((cantidadDeLetrasDelNombre-1), 1)```

Carlos Mario

student•

Hinder Adrian Alvarez Perlaza

student•

Que apuntes tan pro!! ¿Tienes una plantilla o algo por el estilo (por el diseño)? Sé que ese es el método Cornell para tomar apuntes, pero es que esta plantilla se ve muy bonita.

Ivan Santiago

student•

Las comillas invertidas: `

ANGEL DAVID SULBARAN CALDERON

student•

por si alguien quiere los apuntes de lo que llevamos.

Fundamentos Js.

Variables: las variables son aquellas propiedades que están sujetas a algún tipo de cambio, en otras palabras, permite identificar a un elemento no especificado dentro de un determinado grupo de elementos.

Variables en Js: puede comenzar a utilizarse por medio del código “Var” y se aplica de la siguiente manera: Ejemplo. Var nombre = ‘Angel’ Var apellido = ‘Sulbaran Allí se le está especificando al código que al escribir la palabra nombre, tomara el nombre angel.

“Console.log” sirve para mostrar un mensaje o alcun contenido en la consola, por lo que si usamos por ejemplo:

Console.log(‘hola ’ + nombre) como usamos la variable anteriormente creada que es “nombre” nos dira “hola angel”

Nota importante: en Javascript no es necesario usar punto y coma (;), debido a que no lo pide, algunos lo usan solo por tradicionalismo.

También puedes usar 2 variables por ejemplo en la misma línea, por ejemplo: Var nombre = ‘Angel’, apellido = ‘Sulbaran’.

Strings Para hacer que el nombre vaya en mayúsculas, creamos una varible de la siguiente manera. Var nombreEnMayusculas = nombre.toUppercase() En minúsculas Var NombreEnMinusculas = nombre.toLowerCase()

Si queremos que diga la primera letra del nombre.

Var primeraLetraDelNombre = nombre.charAt(0) Var cantidadDeLetrasDelNombre = nombre.length  este no necesita el ______________________________________________paréntesis al final “()”. Para concatenar se puede hacer de la siguiente manera

Var nombreCompleto = nombre + apellido Sin embargo, al concatenarlo de esta manera, vamos a observar que el nombre y el apellido estarán pegados de la siguiente manera “AngelSulbaran”. Por lo que debemos podemos agregar un espacio a la concatenación de la siguiente manera. Var nombreCompleto = nombre + ‘ ’ + apellido

Al escribir nombreCompleto en la consola nos dira nuestro nombre completo separado de manera correcta (Angel Sulbaran).

Existe otra manera de concatenar strings, que es mas nueva y mejor, se llama interpolación de texto. se usa de la siguiente manera.

Var nombreCompleto = ${nombre} ${apellido} Para interpolar variables debemos usar las comillas invertidas y colocar el signo “$” antes de las llaves “{}”, y dentro de las llaves vamos a colocar nuestro Javascript, por lo que podemos leer la variable anterior, entre el uso de las dos variables “nombre” y “apellido” existe un espacio que la consola tomara en cuenta a la hora de usar la variable “nombreCompleto”.

Otra cosa que podemos hacer con los strings es acceder a un sub-string dentro de un string, es decir a un string mas pequeño, eso se hace con la función “str”. Ejemplo.

Var str = nombre.charAt(1) + nombre.charAt(2) Aca si escribimos “str” en el console log nos dira ac pero estamos especificando 2 veces la misma varible con la misma función exceptuando el hecho de que les estamos diciendo que nos indiquen caracteres que tienen diferentes posiciones o diferentes numero de orden. Para simplificar esto pordemos usar esta fuincion. Ejemplo. Var str = nombre.substr(1, 2)

Y escribir str en el console log nos dira ac igualmente.

Martín Matayoshi

student•

var nombre = prompt (`¿cual es tu nombre?`)
var UltimoCaracter = nombre.charAt(nombre.length -1)

alert(`la ultima letra de tu nombre es `+ nombre.charAt(nombre.length -1))

Sergio Armando Medina Chaparro

student•

Esa es una buena manera de lograrlo :)

Sergio Ivan Santacruz Madrigal

student•

**Interpolación de texto :: **

http://librosweb.es/tutorial/las-nuevas-cadenas-de-texto-de-javascript-6/

Jhon Carlos Colorado Angulo

student•

Buena aporte

Micaela Mariel Loiacono

student•

Hola a todos! quiero saber si esto esta bien para resolver el desafio. Gracias!

var nombre = 'Micaela'

var str= nombre.substr(6)

John David Arango Sepúlveda

student•

hola como estas, por buenas practicas no es correcto. porque suponiendo que tomes solo 5, la impresión te mostrara desde la penúltima ( te muestra la) letra porque no le esta indicando la posición que quiere ver. La forma correcta sería var = nombre .substr(6,1), por qué? Porque el primer numero nos indica donde hace el corte y el segundo numero, nos indica cuantas posiciones deseas tomar. ejemplo: micaloiacono tiene 12 caracteres, si contamos 6 ( es la primera O), y el siguiente numero, es decir, el 1 hace referencia a los caracteres que quieres mostrar ( es i). o simplemente pones -1. espero que te sirva.

Axel Vasquez

student•

Hola. Sirve para Micaela y cualquier otro nombre que tenga 7 letras, pero si cambia la longitud del nombre nos daría una letra errónea (si es más de 7 letras) o nada (si es menos)

PISTA: En el minuto 3:18 el maestro enseña algo clave para poder hacer este ejercicio

SOLUCIÓN: ¡¡¡SPOILER ALERT!!!

Hay dos maneras de resolverlo:

podemos obtener la longitud del nombre con la propiedad length, luego restarle uno para mostrar la última letra y pasar el resultado en el substr

var nombre = ‘Micaela’

var longitud = nombre.length // 7

var indice = longitud - 1 // 6

var ultimaLetra = nombre.substr(indice) // a

Podemos pasar un número negativo, esto le dice a substr que vaya desde el final al inicio del texto, esto es un poquito más avanzado pero una solución mas rápida y fácil una vez que se entiende

var nombre = ‘Micaela’

var ultimaLetra = nombre.substr(-1) // a

Exal Rodríguez

student•

![](

Brayhan Andres Jaramillo Castaño

student•

Interesante lo de la interpolación

Edward Steven Ramos Palacios

teacher•

Y va mas allá, ya puedes formatear tus urls para hacer peticiones, o los console.logs o armar strings de una manera mas presentable.

Jorge Salamanca

student•

Las comillas Invertidas se pueden escribir con ALT + 96 `

Smerlyn Javier Eusebio Bonifacio

student•

Enrique Devars

teacher•

Hola compañeros, les dejo los apuntes que hice para esta clase.

var nombre='Enrique', apellido='Devars' //Declaracion de variables

var nombreMayus = nombre.toUpperCase()//nombre a maysuculas 
var apellidoMinus = apellido.toLowerCase()//nombre a minusculas

var pimeraLetraNombre = nombre.charAt(0)//primer letra dentro de la cadena

var lenghtNombre = nombre.length //longitud de la cadena

/*Texto mostrado por interpolacion de texto, se necesita usar la comilla invertida  `${nombre_de_la_variable}`
Nos permite poner codigo javascript dentro del texto
https://developer.mozilla.org/es/docs/Web/JavaScript/Referencia/template_strings
*/
console.log(`\nMi nombre es ${nombreMayus} ${apellidoMinus} 
la primer letra de mi nombre es ${pimeraLetraNombre} 
y tiene un total de ${lenghtNombre} letras`)

//creacion de substrings (Cadenas  de otras cadenas)

var substringNombre = nombre.substr(3,5)

console.log(`\nUna de Subcadena de mi nombre puede ser ${nombre} => ${nombre}`)

/*RETO!!!!!!!!!!!!!!!!!!!!!!!!!!
    Mostrar la ultima letra de
    cualquier nombre
*/

var cualquierNombre = 'Enrique'

console.log(`\nLa ultima letra de tu nombre es la '${cualquierNombre.charAt(cualquierNombre.length-1)}'`)