JS Массивы Методы reverse, sort, join, concat, slice

ObjectOne > JavaScript > JS Массивы Методы reverse, sort, join, concat, slice

JS Массивы Методы reverse, sort, join, concat, slice

Задом наперёд или метод reverse. Две полезные анонимные функции для метода sort, работаем со строковыми и числовыми типами данных. Как надо ПРАВИЛЬНО сортировать. join или «как мне надоели эти запятые в массиве» теперь меняйте их на что хотите и не забывайте про обратный метод РАЗБИЕНИЯ строк split(превратит вашу строчку в массив) concat, конкатенируем массивы. slice НЕ изменяет массив почти как splice, только по мне splice функциональнее.

<script>
function br(){
	document.write("<br /><hr />");
}br();

function h3(arg){
	document.write("<h3>" + arg + "</h3><br />");
}


/* Метод reverse */
h3("Метод reverse");
	var myArr = ["Нулевой элемент","Первый элемент","Второй элемент","Третий элемент","Четвёртый элемент"];
	document.write(myArr + " - Массив как он есть");
	br();

	document.write(myArr.reverse() + " Массив после работы метода <strong>reverse</strong><br />"); //Переварачиваем элементы в массиве
	br();

	document.write(myArr + " - Массив был изменён!");
	br();br();
/* Метод reverse конец */



/* Метод sort ************************************************************************************/
h3("Метод sort");
	var myArr2 = ["Ананас","Грецкий орех","Виноград","Баклажан","Дыня"];
	document.write(myArr2 + " - Новый массив");br();

	document.write(myArr2.sort() + " - Массив после обработки методом <strong>sort</strong>"); //Более подходит для строк. Если число 127 и 14, 127 будет впереди
	br();

	var myArr2Num = [34, 127, 14, 57, 6, 78];
	document.write(myArr2Num + " - Массив как он есть");br();

	document.write(myArr2Num.sort() + " - Массив сортирован без поддержки функции");br();

/* sort и функция-помошник */
	var myArr2NumFuncSort = myArr2Num.sort(function(a,b){
		return a-b;
	});
	document.write(myArr2NumFuncSort + " - Массив сортирован с помощью поддержки функции");br();
/* sort и функция-помошник конец */

/* sort и функция-помошник в обратном порядке */
	var myArr2NumFuncSort2 = myArr2Num.sort(function(a,b){
		return b-a;
	});
	document.write(myArr2NumFuncSort2 + " - Массив сортирован с помощью поддержки функции в обратном порядке");br();br();
/* sort и функция-помошник в обратном порядке конец*/


/* sort и функция-помошник для строкового типа данных */

h3("sort и функция-помошник для строкового типа");
var myStringArr = ["Чукча","татарин","КазАх","узБек"];
document.write(myStringArr + " - Строковый массив как он есть");br();

document.write(myStringArr.sort() + " - Классическая сортировка");br();

var myStringArrFunc = myStringArr.sort(function(s,t){
	var a = s.toLowerCase();
	var b = t.toLowerCase();

	if(a < b) return -1;
	if(a > b) return 1;
	return 0;
});

document.write(myStringArrFunc + " - Сортировка с помощью функции приводящей строчки в нижний регистр <strong>наш выбор</strong>");br();br();


/* sort и функция-помошник для строкового типа данных конец */


/*************************************** join *********************************************/

h3("join");
var myArrForJoin = ["Слово","Буква","Предложение","Разделитель","Разбиение","Символы"];
document.write(myArrForJoin + " - Строка в которой предстоит изменить запятые");br();

document.write(myArrForJoin.join(" __ "));br();
document.write(myArrForJoin.join(" "));br();
document.write(myArrForJoin.join(" * "));br();br();

/***************************************join конец *********************************************/



/***************************************concat *********************************************/

h3("concat");
var myArrForConcat1 = ["Первый","Второй","Третий"];
var myArrForConcat2 = ["Четвёртый","Пятый"];
var myArrForConcat = myArrForConcat1 + myArrForConcat2;
var myArrForConcatTrick = myArrForConcat1 + "," + myArrForConcat2;
var myArrForConcatTrue = myArrForConcat1.concat(myArrForConcat2);

document.write(myArrForConcat + " - Да вроде и так неплохо");br();
document.write(myArrForConcatTrick + " - Можно схитрить");br();
document.write(myArrForConcatTrue + " - Но так лучше");br();br();

/***************************************concat конец *********************************************/


/*************************************** slice *********************************************/
h3("slice");
var myArrForSlice = ["Нулевой","Первый","Второй","Третий","Четвёртый"];
document.write(myArrForSlice + " - Массив");

var myArrForSliceWork = myArrForSlice.slice(2,4);br(); //Конечный аргумент не обязателен, если не поставим влозмёт всех
document.write(myArrForSliceWork + " - Элементы со второго до 4-го");

var myArrForSliceWork = myArrForSlice.slice(3);br(); //Конечный аргумент не обязателен, если не поставим влозмёт всех
document.write(myArrForSliceWork + " - Взяли элементы начиная с 3-го");

/***************************************slice конец *********************************************/

/* Метод sort конец ************************************************************************************/


br();
</script>

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

function br(){

document.write("<br /><hr />");

}br();

function h3(arg){

document.write("<h3>" + arg + "</h3><br />");

}

/* Метод reverse */

h3("Метод reverse");

var myArr = ["Нулевой элемент","Первый элемент","Второй элемент","Третий элемент","Четвёртый элемент"];

document.write(myArr + " - Массив как он есть");

br();

document.write(myArr.reverse() + " Массив после работы метода <strong>reverse</strong><br />"); //Переварачиваем элементы в массиве

br();

document.write(myArr + " - Массив был изменён!");

br();br();

/* Метод reverse конец */

/* Метод sort ************************************************************************************/

h3("Метод sort");

var myArr2 = ["Ананас","Грецкий орех","Виноград","Баклажан","Дыня"];

document.write(myArr2 + " - Новый массив");br();

document.write(myArr2.sort() + " - Массив после обработки методом <strong>sort</strong>"); //Более подходит для строк. Если число 127 и 14, 127 будет впереди

br();

var myArr2Num = [34, 127, 14, 57, 6, 78];

document.write(myArr2Num + " - Массив как он есть");br();

document.write(myArr2Num.sort() + " - Массив сортирован без поддержки функции");br();

/* sort и функция-помошник */

var myArr2NumFuncSort = myArr2Num.sort(function(a,b){

return a-b;

});

document.write(myArr2NumFuncSort + " - Массив сортирован с помощью поддержки функции");br();

/* sort и функция-помошник конец */

/* sort и функция-помошник в обратном порядке */

var myArr2NumFuncSort2 = myArr2Num.sort(function(a,b){

return b-a;

});

document.write(myArr2NumFuncSort2 + " - Массив сортирован с помощью поддержки функции в обратном порядке");br();br();

/* sort и функция-помошник в обратном порядке конец*/

/* sort и функция-помошник для строкового типа данных */

h3("sort и функция-помошник для строкового типа");

var myStringArr = ["Чукча","татарин","КазАх","узБек"];

document.write(myStringArr + " - Строковый массив как он есть");br();

document.write(myStringArr.sort() + " - Классическая сортировка");br();

var myStringArrFunc = myStringArr.sort(function(s,t){

var a = s.toLowerCase();

var b = t.toLowerCase();

if(a < b) return -1;

if(a > b) return 1;

return 0;

});

document.write(myStringArrFunc + " - Сортировка с помощью функции приводящей строчки в нижний регистр <strong>наш выбор</strong>");br();br();

/* sort и функция-помошник для строкового типа данных конец */

/*************************************** join *********************************************/

h3("join");

var myArrForJoin = ["Слово","Буква","Предложение","Разделитель","Разбиение","Символы"];

document.write(myArrForJoin + " - Строка в которой предстоит изменить запятые");br();

document.write(myArrForJoin.join(" __ "));br();

document.write(myArrForJoin.join(" "));br();

document.write(myArrForJoin.join(" * "));br();br();

/***************************************join конец *********************************************/

/***************************************concat *********************************************/

h3("concat");

var myArrForConcat1 = ["Первый","Второй","Третий"];

var myArrForConcat2 = ["Четвёртый","Пятый"];

var myArrForConcat = myArrForConcat1 + myArrForConcat2;

var myArrForConcatTrick = myArrForConcat1 + "," + myArrForConcat2;

var myArrForConcatTrue = myArrForConcat1.concat(myArrForConcat2);

document.write(myArrForConcat + " - Да вроде и так неплохо");br();

document.write(myArrForConcatTrick + " - Можно схитрить");br();

document.write(myArrForConcatTrue + " - Но так лучше");br();br();

/***************************************concat конец *********************************************/

/*************************************** slice *********************************************/

h3("slice");

var myArrForSlice = ["Нулевой","Первый","Второй","Третий","Четвёртый"];

document.write(myArrForSlice + " - Массив");

var myArrForSliceWork = myArrForSlice.slice(2,4);br(); //Конечный аргумент не обязателен, если не поставим влозмёт всех

document.write(myArrForSliceWork + " - Элементы со второго до 4-го");

var myArrForSliceWork = myArrForSlice.slice(3);br(); //Конечный аргумент не обязателен, если не поставим влозмёт всех

document.write(myArrForSliceWork + " - Взяли элементы начиная с 3-го");

/***************************************slice конец *********************************************/

/* Метод sort конец ************************************************************************************/

br();

</script>

Посмотреть пример

Количество просмотров: 1 606

| Категория: JavaScript
| Тэги: JavaScript / массивы / основы / сортировка

« JS Массивы Добавление и удаление элементов. Метод splice JS Контролируем итерацию »