34. Масиви з елементів та рядків, рядки

Утворення масиву із элементів і рядка даних, рядки

$.makeArray() - утворює з елементів виборки масив
.split(раздільник) - з рядка елементів утворює масив, видаляючи вказаний роздільник
$.trim(рядок) - видаляє пробіли на початку та в кінці рядка
slice(parametrs) - вирізка частин рядка (відкидається те, що не попало у вирізку)

Приклади

$.makeArray()

Утворює з елементів виборки масив

#ma1

$("#btn1").click(function() {
	//вибираємо блоки
    	const v = $('#ma1 div');
    	// утворюємо з них масив
   const arr = $.makeArray(v);
   // здійснюємо реверс масиву
		    arr.reverse();
		    // вставляємо масив в блок 
	     $("#ma1").append(arr);
});

.split(роздільник)

З рядка елементів утворює масив, видаляючи вказаний роздільник

$("#btn2").click(function() {
	/* виводимо рядок даних,це може бути вибірка з БД потрібних id */
	               
  for (let i = 0; i < 5; i++) {  
                $('#inf1').append(i+"/");  
                } 
   //отримуємо рядок з блоку              
	   var row=$('#infoSplit1').text();
	   // утворюємо масив
	  var arr=  row.split('/');
	  /* після останнього розділового знаку утворився пустий елемент, видаляємо його*/
	    arr.pop();
	     $('#inf2').text(arr);
});

$.trim(рядок)

Видаляє пробіли на початку та в кінці рядка

В документі рядок наступного виду:

| слово |

Якщо вибрати зі span'у текст, то виберуться і пробіли, таке може статись, наприклад, якщо користувач не уважно введе свій логін, чи пароль

| слово |

$("#btn3").click(function() {
	var row =$('#row1').text();
    var newrow = $.trim(row);
	     $('#inf3').text('-'+newrow+'-');
});

.slice(parametrs)

Вирізає частину рядка. якщо зазначено один параметр, то вибираються знаки починаючи з зазначеного порядкового номеру і до кінця

Рядок наступного виду: "шкарпетки"

.slice(0,4) - ''
.slice(4) - ''

$("#btn4").click(function() {
	var nrow = "шкарпетки";
    
    var s1=nrow.slice(0,4); 
        $('#s1').text(s1);
    var s2=nrow.slice(4);
        $('#s2').text(s2);
});

далі ✏