jQueryで配列のソートをしたい

前提・実現したいこと

jQueryで配列のソート機能を実現したい

配列に入ったそれぞれの値を下記のように昇順にソートしたいです。

「1」「2」「3」
↓
「3」「2」「1」

処理の流れのイメージは付きましたが、実際のプログラムのイメージが付かないため、
ヒントを頂けるでしょうか。
ソートはsort()を使用しようと思っています。

処理の考え方

・配列「1」「2」「3」をstringで「1,2,3」として取得
・split(”1,2,3”,",")でカンマ区切りにする
・"1","2","3"になった値を配列に入れる
・[0]⇒"1",[1]⇒"2",[2]⇒"3"
・[2]⇒"3"[1]⇒"2",[0]⇒"1" に並び替える　⇒どうやって並び替えるのか

Lhankor_Mhy

2018/04/05 12:24

配列をstringに変換してsplitで配列に戻す、というのはどういう意図なのでしょうか？　また、sort() をご存知ならソートはできるだろうと思うのですが、ご不明な点はなんでしょうか。

行動規範の内容に同意します

回答2件

ベストアンサー

Read this.

Array.prototype.sort()
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/sort

投稿2018/04/05 11:54

defghi1977

総合スコア4756

解決できました。ありがとうございました！

■HTML

<!DOCTYPE html>
	<head>
	<script src="jquery-3.3.1.min.js"></script>
	<script src="sort.js"></script>

	<meta http-equiv="content-type" charset="utf-8">
	</head>
	<body>
		<h2>Sort</h2>
		<button>Sort</button>
		<br>
		<div>ソート前：
			<option id = "sort1"></option>
		</div>
		<br>
		<div>ソート後：
			<option id="sort2"></option>
		</div>
	</body>
</html>

■JS

$(function() {

  // button要素をクリックしたら発動
  $('button').click(function() {

    var array1 = [4, 3, 2, 1];
    $("#sort1").text(array1);

    array1.sort();

    $("#sort2").text(array1);

  });


});

投稿2018/04/05 12:24

study_m

総合スコア24