You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
124 lines
4.6 KiB
124 lines
4.6 KiB
/*
|
|
MATRICES
|
|
*/
|
|
// constructor de matrices
|
|
const arr = Array();
|
|
// or
|
|
// let arr = new Array();
|
|
console.log(arr); // []
|
|
|
|
// usando corchetes
|
|
const arr2 = [];
|
|
console.log(arr2); // []
|
|
|
|
const numbers = [0, 3.14, 9.81, 37, 98.6, 100] // array of numbers
|
|
const fruits = ['banana', 'orange', 'mango', 'lemon'] // array of strings, fruits
|
|
const vegetables = ['Tomato', 'Potato', 'Cabbage', 'Onion', 'Carrot'] // array of strings, vegetables
|
|
const animalProducts = ['milk', 'meat', 'butter', 'yoghurt'] // array of strings, products
|
|
const webTechs = ['HTML', 'CSS', 'JS', 'React', 'Redux', 'Node', 'MongDB'] // array of web technologies
|
|
const countries = ['Finland', 'Denmark', 'Sweden', 'Norway', 'Iceland'] // array of strings, countries
|
|
|
|
// Mostrar por pantalla los arrays y el tamaño de este
|
|
console.log('Numbers: ',numbers);
|
|
console.log('Numero de Numbers: ',numbers.length);
|
|
console.log('Fruits: ',fruits);
|
|
console.log('Numero de fruits: ',fruits.length);
|
|
console.log('vegetables: ',vegetables);
|
|
console.log('Numero de vegetables: ',vegetables.length);
|
|
console.log('AnimalProducts: ',animalProducts);
|
|
console.log('Numero de AnimalProducts: ',animalProducts.length);
|
|
console.log('webTechs: ',webTechs);
|
|
console.log('Numero de webTechs: ',webTechs.length);
|
|
console.log('countries: ',countries);
|
|
console.log('Numero de countries: ',countries.length);
|
|
|
|
// Podemos crear una matriz con diferentes datos dentro de la misma
|
|
const arr3 = [
|
|
'Sergio', // Strings
|
|
26, // Number
|
|
{ pais: 'España', ciudad: 'León'}, // array
|
|
{ skills: ['HTML', 'CSS','JS','React']} // array
|
|
];
|
|
console.log(arr3);
|
|
|
|
// Para acceder a cualquier dato dentro del array haremos uso de los indices. Como los arrays empiezan desde el 0 hasta el tamaño -1 el primer valor
|
|
// del array se encontrará en el indice 0.
|
|
console.log(numbers[2]); // Con esto accederemos al valor numero 3 de array que es 9.81
|
|
// Si queremos modificar el valor de dicha posición haremos lo siguiente:
|
|
numbers[2] = 10.82; // Le hemos dado otro valor a la posición de array.
|
|
console.log(numbers[2]);
|
|
|
|
/*
|
|
Metodos para manipular arrays
|
|
*/
|
|
// Array
|
|
const arr4 = Array(3); // Creamos un array. El valor que indiquemos entre parentesis indicará el tamaño del mismo.
|
|
console.log(arr4);
|
|
|
|
// Fill (relleno)
|
|
arr4.fill('X'); // Rellenamos el array con el valor que le indiquemos, en este caso con 'X'
|
|
console.log(arr4); // ['X','X','X'] esto será lo que veamos dentro.
|
|
|
|
// Concat: Para concatenar dos arreglos.
|
|
const PrimerArreglo = ['1','2','3'];
|
|
const SegundoArreglo = ['4','5','6'];
|
|
const TercerArrerglo = PrimerArreglo.concat(SegundoArreglo);
|
|
console.log(TercerArrerglo); // ['1','2','3','4','5','6']
|
|
|
|
// lenght : Longitud del array.
|
|
console.log('Longitud: ',TercerArrerglo.length);
|
|
|
|
// indexOf: Para comprobar si un indice existe dentro de la matriz, si existe devuelve el valor dentro de la matriz, si no existe devuelve -1
|
|
console.log(TercerArrerglo.indexOf('4')); // Existe en la posición 3
|
|
console.log(TercerArrerglo.indexOf('0')); // No existe entonces devuelve -1
|
|
|
|
// join: Para unir elementos de la matriz. El argumento que indiques unirá la matriz y devolvera todo los elementos como una cadena.
|
|
|
|
const numeros = [1,2,3,4,5];
|
|
console.log(numeros.join());
|
|
|
|
const webTechs2 = [
|
|
'HTML',
|
|
'CSS',
|
|
'JS',
|
|
'React',
|
|
'MongDB'
|
|
];
|
|
console.log(webTechs2);
|
|
console.log(webTechs2.join(' # '));
|
|
|
|
// Slice : Usado para cortar elementos de un rango que le indiquemos. Toma dos parametros, posición inicial y final. No incluye la posición final.
|
|
/*
|
|
En estos tres casos el resultado será el mismo. Nos mostrará todos los resultados
|
|
console.log(numeros.slice());
|
|
console.log(numeros.slice(0));
|
|
console.log(numeros.slice(0, numeros.length));
|
|
*/
|
|
console.log(numeros.slice(0,2)); // Mostrará los elementos [1,2]
|
|
|
|
// Splice : Toma tres parámetros: Posición inicial, número de veces que se quitará y número de elementos que se agregarán.
|
|
// Este método funciona haciendo los cambios a la matriz, probando usandolo dentro del console.log() da fallos.
|
|
|
|
const numeros2 = [1,3,4,5,6];
|
|
//console.log(numeros2.splice()); // Elimina todos los elementos.
|
|
//console.log(numeros2.splice(0,1));
|
|
console.log(numeros2);
|
|
numeros2.splice(1,0,2);
|
|
console.log(numeros2);
|
|
numeros2.splice(3,3,7,8,9);
|
|
|
|
// Push: Metodo para añadir elementos al array. Estos se añaden al final de la matriz
|
|
// unshift: Metodo para añadir elementos al array. Estos se añaden al inicio de la matriz.
|
|
const numeros3 = [1,2,3,4,5,6];
|
|
numeros3.unshift(0);
|
|
numeros3.push(7);
|
|
console.log(numeros3);
|
|
|
|
// Pop: Elimina el ultimo valor del array.
|
|
// shift: Elimina el primer valor del array.
|
|
numeros3.shift();
|
|
numeros3.pop();
|
|
console.log(numeros3);
|
|
|
|
|