32. Масиви - створення і обробка

Створення масивів:
var myArr = []; - створює пустий масив
var myArr = array(n); - створює масив из n елементів
var myArr = [7]; - створює масив із одного елемента - числа 7
var myArr = [0,"перший",2,"третій"]; - створює масив з трьох елементів - двох чисел и двох рядків

Робота з масивами:
myArr[0] - поверне нульовий елемент масиву
myArr.length - поверне кількість елементів в масиві
myArr.push() - додавання елементів в кінець масиву
myArr.unshift() - додавання елементу на початок масиву
myArr.pop() - видалення останнього елементу масива
myArr.shift() - видалення першого елементу масива
myArr.splice() - вирізка (видалення або вставка) елементів масиву

Приклади

myArr.length

Створимо массив: var myArr = [0,"перший",2,"третій"];

Виведемо весь массив:

Виведемо перший елемент масиву та його розмір:

// створюємо масив
        var newArr1 = [0,"перший",2,"третій"];
$("#btn1").click(function() {
	// весь масив
        $('#inf0').text(newArr1);
    // перший елемент масиву та його розмір
        $('#inf1').text(newArr1[1]);
        $('#inf1').append('. Довжина масиву: '+newArr1.length);
});

myArr.push()

Додавання елементів в кінець масиву

Виведемо масив:

$("#btn2").click(function() {
  // додаємо в кінець масиву - 4	
	    newArr1.push(4);
  // виводимо оновлений масив
        $('#inf2').text(newArr1);
});

myArr.unshift()

Додавання елементів на початок масиву

Виведемо масив:

$("#btn3").click(function() {
	// додаємо на початок масиву - -2 та -1
       newArr1.unshift(-2,-1);
       $('#inf4').text(newArr1);
});

myArr.pop()

Видалення останнього елементу масива

Виведемо масив:

$("#btn3").click(function() {
	// видаляємо останній елемент масиву
      newArr1.pop();
       $('#info5').text(newArr1);
});

myArr.shift()

Видалення першого /нульового/ елементу масива

Виведемо масив:

$("#btn4").click(function() {
	// видаляємо перший /нульовий/ елемент масиву
      newArr1.pop();
       $('#inf5').text(newArr1);
});

myArr.splice()

Вирізка (видалення або вставка) елементів масиву

Створимо массив var myArr = [0,1,2,3,4,5,6,7];

Виведемо масив, що утворився:

$("#btn5").click(function() {
	// вирізаємо елементи, починаючи з четвертого і до кінця
    myArr1.splice(4);
       $('#inf6').text(myArr1);
});

Виведемо масив, що утворився:

Виведемо те, що вирізали:

$("#btn5").click(function() {
	// вирізаємо,починаючи з 2-го, 3 елементи 
        var sArr = myArr1.splice(2,3);
       $('#inf7').text(myArr1);
    // виведемо те, що вирізали
        $('#inf8').text(sArr);
});

Виведемо масив, що утворився:

$("#btn5").click(function() {
	// вирізаємо,починаючи з 2-го 2 елементи, та вставляємо нові 
        myArr1.splice(2, 2, "ранок", "вечір");
      $('#inf9').text(myArr1);
});

далі ✏