You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: 1-js/02-first-steps/07-type-conversions/article.md
+25-35Lines changed: 25 additions & 35 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,24 +1,24 @@
1
1
# Conversiones de Tipos
2
2
3
-
La mayoría de las veces, los operadores y funciones convierten automáticamente los valores que se les pasan al tipo correcto. Esto es llamado "conversión de tipo".
3
+
La mayoría de las veces, los operadores y las funciones convierten automáticamente los valores que reciben al tipo de dato que necesitan.
4
4
5
-
Por ejemplo,`alert` convierte automáticamente cualquier valor a string para mostrarlo. Las operaciones matemáticas convierten los valores a números.
5
+
Por ejemplo:`alert` convierte automáticamente cualquier valor a string para mostrarlo, y las operaciones matemáticas convierten los valores a números.
6
6
7
7
También hay casos donde necesitamos convertir de manera explícita un valor al tipo esperado.
8
8
9
-
```smart header="Aún no hablamos de objetos"
10
-
En este capítulo no hablamos de objetos. Por ahora, solamente veremos los valores primitivos.
9
+
```smart header="No hablaremos de los objetos aún"
10
+
En este capítulo no cubrimos objetos. Por ahora, solamente veremos valores primitivos.
11
11
12
-
Más adelante, después de haberlos tratado, veremos en el capítulo <info:object-toprimitive> cómo funciona la conversión de objetos.
12
+
Más adelante, después de haberlos tratado, veremos en el capítulo <info:object-toprimitive> cómo funciona la conversión.
13
13
```
14
14
15
-
## ToString
15
+
## Conversión a String
16
16
17
-
La conversión a string ocurre cuando necesitamos la representación en forma de texto de un valor.
17
+
La conversión a string ocurre cuando necesitamos la representación textual de un valor.
18
18
19
-
Por ejemplo, `alert(value)` lo hace para mostrar el valor como texto.
19
+
Por ejemplo, `alert(value)` lo hace para mostrar `value` como texto.
20
20
21
-
También podemos llamar a la función `String(value)` para convertir un valor a string:
21
+
También podemos llamar a la función `String(value)` para convertir `value` a string:
La conversión a string es bastante obvia. El boolean `false` se convierte en `"false"`, `null` en `"null"`, etc.
33
+
La conversión a string es bastante evidente. El boolean `false` se convierte en `"false"`, `null` en `"null"`, etc.
34
34
35
-
## ToNumber
35
+
## Conversión numérica
36
36
37
37
La conversión numérica ocurre automáticamente en funciones matemáticas y expresiones.
38
38
39
-
Por ejemplo, cuando se dividen valores no numéricos usando `/`:
39
+
Por ejemplo, cuando se aplica la división `/` a valores no numéricos:
40
40
41
41
```js run
42
42
alert( "6"/"2" ); // 3, los strings son convertidos a números
43
43
```
44
-
Podemos usar la función `Number(value)` para convertir de forma explícita un valor a un número:
44
+
45
+
Podemos usar la función `Number(value)` para convertir `value` a un número de forma explícita:
45
46
46
47
```js run
47
48
let str ="123";
@@ -51,7 +52,8 @@ let num = Number(str); // se convierte en 123
51
52
52
53
alert(typeof num); // number
53
54
```
54
-
La conversión explícita es requerida usualmente cuando leemos un valor desde una fuente basada en texto, como lo son los campos de texto en los formularios, pero que esperamos que contengan un valor numérico.
55
+
56
+
Usualmente, se requiere conversión explícita cuando leemos un valor desde una fuente basada en texto, como un formulario, pero esperamos que sea un número.
55
57
56
58
Si el string no es un número válido, el resultado de la conversión será `NaN`. Por ejemplo:
57
59
@@ -68,33 +70,22 @@ Reglas de conversión numérica:
68
70
|`undefined`|`NaN`|
69
71
|`null`|`0`|
70
72
|<code>true and false</code> |`1` y `0`|
71
-
|`string`| Se eliminan los espacios (incluye espacios, tabs `\t`, saltos de línea `\n`, etc.) al inicio y final del texto. Si el string resultante es vacío, el resultado es `0`, en caso contrario el número es "leído" del string. Un error devuelve `NaN`. |
73
+
|`string`| Se eliminan los espacios en blanco (incluyendo espacios, tabs `\t`, saltos de línea `\n`, etc.) del inicio y final del texto. Si el string resultante es vacío, el resultado es `0`, en caso contrario el número es "leído" del string. Un error devuelve `NaN`. |
72
74
73
75
Ejemplos:
74
76
75
77
```js run
76
78
alert( Number(" 123 ") ); // 123
77
-
alert( Number("123z") ); // NaN (error al leer un número en "z")
79
+
alert( Number("123z") ); // NaN (error al leer el número cuando encuentra "z")
78
80
alert( Number(true) ); // 1
79
81
alert( Number(false) ); // 0
80
82
```
81
83
82
-
Ten en cuenta que `null` y `undefined` se comportan de distinta manera aquí: `null` se convierte en `0` mientras que `undefined` se convierte en `NaN`.
83
-
84
-
````smart header="Adición '+' concatena strings"
85
-
Casi todas las operaciones matemáticas convierten valores a números. Una excepción notable es la suma `+`. Si uno de los valores sumados es un string, el otro valor es convertido a string.
84
+
Es importante notar que `null` y `undefined` se comportan de distinta manera aquí: `null` se convierte en `0` mientras que `undefined` se convierte en `NaN`.
86
85
87
-
Luego, los concatena (une):
86
+
La mayoría de los operadores matemáticos también ejecutan dicha conversión, esto lo veremos en el siguiente capítulo.
88
87
89
-
```js run
90
-
alert( 1 + '2' ); // '12' (string a la derecha)
91
-
alert( '1' + 2 ); // '12' (string a la izquierda)
92
-
```
93
-
94
-
Esto ocurre solo si al menos uno de los argumentos es un string, en caso contrario los valores son convertidos a número.
95
-
````
96
-
97
-
## ToBoolean
88
+
## Conversión booleana
98
89
99
90
La conversión a boolean es la más simple.
100
91
@@ -124,14 +115,13 @@ alert( Boolean(" ") ); // sólo espacios, también true (cualquier string no vac
124
115
```
125
116
````
126
117
127
-
128
118
## Resumen
129
119
130
120
Las tres conversiones de tipo más usadas son a string, a número y a boolean.
131
121
132
-
**`ToString`** -- Ocurre cuando se muestra algo. Se puede realizar con `String(value)`. La conversión a string es usualmente obvia para los valores primitivos.
122
+
**`Conversión a String`** -- Ocurre cuando mostramos un valor. Se puede realizar con `String(value)`. La conversión a string es usualmente evidente para los valores primitivos.
133
123
134
-
**`ToNumber`** -- Ocurre en operaciones matemáticas. Se puede realizar con `Number(value)`.
124
+
**`Conversión numérica`** -- Ocurre en operaciones matemáticas. Se puede realizar con `Number(value)`.
135
125
136
126
La conversión sigue las reglas:
137
127
@@ -142,7 +132,7 @@ La conversión sigue las reglas:
142
132
|<code>true / false</code> | `1 / 0` |
143
133
| `string` | El string es leído "como es", los espacios en blanco (incluye espacios, tabs `\t`, saltos de línea `\n`, etc.) tanto al inicio como al final son ignorados. Un string vacío se convierte en `0`. Un error entrega `NaN`. |
144
134
145
-
**`ToBoolean`** -- Ocurren en operaciones lógicas. Se puede realizar con `Boolean(value)`.
135
+
**`Conversión booleana`** -- Ocurren en operaciones lógicas. Se puede realizar con `Boolean(value)`.
146
136
147
137
Sigue las reglas:
148
138
@@ -152,7 +142,7 @@ Sigue las reglas:
152
142
|cualquier otro valor| `true` |
153
143
154
144
155
-
La mayoría de estas reglas son fáciles de entender y recordar. Las excepciones más notables donde la gente suele cometer errores son:
145
+
La mayoría de estas reglas son fáciles de entender y recordar. Las excepciones más notables donde se suele cometer errores son:
156
146
157
147
- `undefined` es `NaN` como número, no `0`.
158
148
- `"0"` y textos que solo contienen espacios como `" "` son `true` como boolean.
0 commit comments