Introducción a js (ES6) [2] --- Declarar y manipular variables (incluidas operaciones de matriz detalladas)

Declarar variable

Lo importante se dice tres veces, lea la documentación
JavaScript
ES6 más

Tres métodos de declaración de uso común

let local variable
var variable global
let solo se puede declarar una vez que
var se puede declarar varias veces:
const declara una variable estática, que solo se puede leer y no se puede modificar

<script type="text/javascript">
			let a = 1;
			var b = 1;
			const c = 1;
			let a = 2;
			var b = 3;
			c = 5;
			console.log("c="+c)
		</script>

Aparecerán los siguientes dos errores

a se ha declarado

para asignar una variable de valor constante

Formación

Declarar matriz

new Array ();
nueva matriz (tamaño);
new Array (element0, element1,…, elementn);

	<script type="text/javascript">
			let arrayOne = new Array();
			console.log(arrayOne+"大小"+arrayOne.length)
			let arrayTwo = new Array(10);
			console.log(arrayTwo+"大小"+arrayTwo.length)
			let arrayThree = new Array(1,2,3,4,"dog");
			console.log(arrayThree+"大小"+arrayThree.length)
			let arrayFour = new Array(1,2,3,4,"dog",["2","s"]);
			console.log(arrayFour+"大小"+arrayFour.length)
		</script>

¿Por qué la salida de datos de tres y cuatro es la misma, pero el tamaño es diferente?
Tenga en cuenta que el tres es "2", "s" y el cuarto es ["2", "s"]
[]. No importa cuántos en [], se cuenta como un
subíndice de matriz de Comenzando en 0 :
es decir arrayFour [0] = 1;
arrayFour [1] = 2;

Método de objeto de matriz

concat () matriz de concatenación
join () elemento de matriz inserta una cadena, se puede separar de acuerdo con el separador especificado
pop () eliminar el elemento final
push () agregar el elemento final
reverse () orden inverso
slice () devolver el elemento de rango seleccionado
sort () sort
empalme ( ) Eliminar elementos, puede agregar elementos al mismo tiempo
aString () La matriz se convierte en una cadena
unshift () Agregar un elemento al principio
valueOf () devuelve el valor original del objeto de matriz

concat () matriz concatenada

<script type="text/javascript">
			let array = new Array(1,2,3,4);
			console.log(array.concat(arrayTwo))
			console.log(array)
		</script>

Devolver resultado

Devuelve la cadena concatenada sin cambiar la matriz original

join () el elemento de la matriz se inserta en la cadena, que se puede separar con el separador especificado

<script type="text/javascript">
			let array = new Array(1,2,3,4);
			let arrayTwo = new Array(5,6,7);
			console.log(array.join())
			console.log(array.join("*"))//按照*分割
			console.log(array)
		</script>

Devolver resultado

Devuelve una cadena sin cambiar la matriz original

pop () elimina el último elemento

<script type="text/javascript">
			let array = new Array(1,2,3,4);
			console.log(array.pop())
			console.log(array)
		</script>

Devolver resultado Se devuelve el

último elemento 4 y se cambia la matriz original

push () agrega el último elemento

<script type="text/javascript">
			let array = new Array(1,2,3,4);
			console.log(array.push(5))
			console.log(array)
		</script>

Devolver resultado Se devuelve el

último elemento y se cambia la matriz original

reverse () orden inverso

<script type="text/javascript">
			let array = new Array(1,2,3,4);
			console.log(array.reverse())
			console.log(array)
		</script>

El resultado

devuelto se devolvió en orden inverso, cambió la matriz original

slice () devuelve los elementos de rango seleccionados

<script type="text/javascript">
			let array = new Array(1,2,3,4,5,6);
			console.log(array.slice(1))
			console.log(array.slice(2))
			console.log(array.slice(2,4))
			console.log(array)
		</script>

El resultado devuelto

devuelve el elemento subíndice (matriz [1]) al final, el elemento subíndice (matriz [2]) al final, el elemento subíndice (matriz [2]) a (matriz [4]) no incluye (matriz [4]), la matriz original no ha cambiado

ordenar () ordenar

<script type="text/javascript">
			let array = new Array("d",3,1,2,4,5,6,"a","c","b");
			console.log(array.sort())
			console.log(array)
		</script>

Devolver resultado

Devolver el resultado de la clasificación y cambiar la matriz original

splice () eliminar elementos, puede agregar elementos al mismo tiempo

<script type="text/javascript">
			let array = new Array(1,2,3,4,5);
			console.log(array.splice(2))//删除元素(array[2]也就是数字3)以后的元素(包括)array[2],返回删除的元素
			console.log(array)
			array = new Array(1,2,3,4,5);
			console.log(array.splice(0,1))//删除元素(array[0]也就是数字1到array[1]也就是数字2之间的元素(包括)array[0]不包括array[1],返回删除的元素
			console.log(array)
			array = new Array(1,2,3,4,5);
			console.log(array.splice(0,1,"a"))//删除元素(array[0]也就是数字1到array[1]也就是数字2之间的元素(包括)array[0]不包括array[1],添加元素"a"到删除元素位置,返回删除的元素
			console.log(array)
			array = new Array(1,2,3,4,5);
			console.log(array.splice(0,2,"a","b"))
			//删除元素(array[0]也就是数字1到array[2]也就是数字3之间的元素(包括)array[0]不包括array[1],添加元素"a","b"到删除元素位置,返回删除的元素
			console.log(array)
		</script>

Devolver resultado

array.splice (2) // Eliminar elementos (array [2] es el número 3) y elementos subsiguientes (incluido) array [2], devuelve el elemento eliminado

array.splice (0,1) // Eliminar elementos (array [0] es el elemento entre el número 1 y el array [1] que es el número 2 (incluido) el array [0] no incluye el array [1]

array.splice (0,1, "a") // Eliminar elementos (array [0] es el elemento entre el número 1 y el array [1] que es el número 2 (incluido) el array [0] no incluye el array [1 ], agregue el elemento "a" a la posición del elemento eliminado, devuelva el elemento eliminado

array.splice (0,2, "a", "b") // Eliminar elementos (array [0] es el elemento entre el número 1 y el array [2] que es el número 3 (incluido) array [0] no Incluir matriz [1], agregar elementos "a", "b" a la posición del elemento eliminado y devolver el elemento eliminado

toString () convierte matriz en cadena

<script type="text/javascript">
			let array = new Array(1,2,3,4,5,"a");
			console.log(array.toString())
			console.log(array)
		</script>

Devolver resultado

La cadena se devuelve sin cambiar la matriz original.

agregar elementos al comienzo de unshift ()

<script type="text/javascript">
			let array = new Array(1,2,3,4,5,"a");
			console.log(array.unshift("b"))
			console.log(array)
		</script>

Devolver resultado Se devuelve la

nueva longitud de la matriz, se cambia la matriz original

valueOf () devuelve el valor original del objeto de matriz

<script type="text/javascript">
			let array = new Array(1,2,3,4,5,"a");
			console.log(array.valueOf())
			console.log(array)
		</script>

Devolver resultado Se devuelve el

valor original del objeto de matriz (no el valor inicial) y la matriz no se modifica.

Practica más

  Hola a todos, soy un code husky, un estudiante de ingeniería de redes en la Facultad de Software, porque soy un "perro" y puedo comer carne a miles de kilómetros. Quiero compartir lo que aprendí en la universidad y progresar con todos. Sin embargo, debido al nivel limitado, inevitablemente habrá algunos errores en el blog. Si hay alguna omisión, ¡házmelo saber! Por el momento, solo actualice en la plataforma csdn, la página de inicio del blog: https://blog.csdn.net/qq_42027681 .

未经本人允许，禁止转载

Se lanzará más tarde

Front-end: vue entrada vue subprograma de desarrollo, etc.
Back-end: entrada java entrada springboot, etc.
Servidor: servidor de entrada MySQL instrucciones simples servidor en la nube para ejecutar el proyecto
python: recomendado no calentar, asegúrese de ver
el uso de algunos complementos, etc.

El camino de la universidad también está en uno mismo, estudiar mucho, juventud
con pasión. Si te interesa la programación, puedes unirte a nuestro grupo qq para comunicarnos juntos: 974178910

Si tiene alguna pregunta, puede dejar un mensaje a continuación, le responderé si lo ve