Array и function [Архив форума]

Просмотр полной версии : Array и function

sana

01.04.2015, 00:49

Всем привет,
Только начала изучать javascript , и каша в голове с функциями. Мне нужно было написать массив (array), содержащий пять фильмов. Потом через function отсортировать его в алфавитном и обратном порядке. У меня несколько вопросов :
1) не уверена, что моя function работает правильно, так ли это?
2)как делать, чтобы список фильмов был в столбик, а не в стпочку, как у меня сейчас?

Всем заранее спасибо))

var movies = new Array("Star Wars: Episode VII - The Force Awakens", "Max", "Spirited Away", "The Hunger Games", "Wild");
for(var i = 0; i < movies.length; i++)

function listMovies(movies)

{
var result = movies.sort();
return result;

}
document.writeln("<br>Фильмы в алфавитном порядке:<br>");
document.writeln(movies.sort());

document.writeln("<br>Фильмы в обратном порядке:<br>");
document.writeln(movies.reverse()

skrudjmakdak

01.04.2015, 08:27

<!DOCTYPE html>
<html>
<head>
<title>123</title>
</head>
<body>
<div></div>
<script>
var movies = new Array("Star Wars: Episode VII - The Force Awakens", "Max", "Spirited Away", "The Hunger Games", "Wild");
movies.sort(); //сортируем
var d = document.querySelector('div');//найдем div
console.log(d);//выведем его в консоль. убедимся что он есть
var str = movies.join('<div></div>'); //команда join объединяет элементы массива в строку разделяя элементы строкой '<div></div>'
console.log(str); //выведем в консоль строку
d.innerHTML = '<div>' + str + '</div>'; //добавим внутрь div'a наши фильмы
</script>
</body>
</html>

ksa

01.04.2015, 08:28

не уверена, что моя function работает правильно, так ли это?
sort() он и в Африке sort()...

skrudjmakdak

01.04.2015, 08:32

используемый материал:
http://learn.javascript.ru/array-methods#метод-join
http://learn.javascript.ru/searching-elements-dom#queryselectorall
http://learn.javascript.ru/debugging-chrome#консоль

рони

01.04.2015, 09:11

sana,
<!DOCTYPE HTML>

<html>

<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>

<body>
<script>
var movies=new Array("Star Wars: Episode VII - The Force Awakens","Max","Spirited Away","The Hunger Games","Wild");
for(var i=0;i < movies.length;i++)
function listMovies(movies)
{
var result=movies.sort();
return result;
}
document.writeln("<br>Фильмы в алфавитном порядке:<br>");
document.writeln(movies.sort().join('<br>'));
document.writeln("<br>Фильмы в обратном порядке:<br>");
document.writeln(movies.reverse().join('<br>'))
</script>
</body>

</html>

рони

01.04.2015, 09:34

sana,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
p{
margin: 2px 0px;
border-bottom: #000000 1px groove;
display: table;
}
p:nth-of-type(6n+1){
border-bottom: #FF1493 3px groove;
}

</style>
</head>

<body>
<script>
var movies=new Array("Star Wars: Episode VII - The Force Awakens","Max","Spirited Away","The Hunger Games","Wild");
for(var i=0;i < movies.length;i++)
function listMovies(movies)
{
var result=movies.sort();
return result;
}
document.writeln("<p>Фильмы в алфавитном порядке:<p>");
document.writeln(movies.sort().join('<p>'));
document.writeln("<p>Фильмы в обратном порядке:<p>");
document.writeln(movies.reverse().join('<p>'))
</script>
</body>
</html>