JavaScriptにおける配列の型について

Question

JavaScriptを触って見ることにしました。
これまで触ったことのある言語(C++,Haskell)では、こんなことはできなかったのでとても不思議に思っています。

var arr = ["One", 1, true];

###質問
この配列をソートすることは可能でしょうか？
ソートは真偽値、数値、文字列の順に並び替え、同じ型についてはデフォルトの昇順とします
また、このような配列の作成を許すことによってどのようなメリットがあるのでしょうか？

Comments

[kei344]

「これまで触ったことのある言語」は具体的に書かれたほうが良いと思います。「ソート」とありますが、何順で並べるのでしょうか。

Answer 1

【データ構造 - JavaScript | MDN】
https://developer.mozilla.org/ja/docs/Web/JavaScript/Data_structures

動的型付け

JavaScript は弱い型付けあるいは動的型付けの言語です。これは、あらかじめ変数の型を宣言する必要がないということです。型はプログラムを処理している間に、自動的に決められます。また、異なる型で同じ変数を持つことができるということでもあります

同じく「動的型付けの言語」のPHPも下記のような書き方が可能です。

【PHPの型と型安全について(PHP7からのPHPプログラミング) - Qiita】
https://qiita.com/bokotomo/items/1ead446ef689dc45b487

$arr = [
  true,
  1,
  0.3,
  "OK",
  [1, 2],
  ["a"=>1, "b"=>2],
  new Controller,
  fopen("test.txt", "r"),
  NULL
];

PHP JavaScript Perl Python　Ruby などWebでよく使われる言語の多くが「動的型付けの言語」です。

【プログラミング言語の比較 - Wikipedia】
https://ja.wikipedia.org/wiki/%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E8%A8%80%E8%AA%9E%E3%81%AE%E6%AF%94%E8%BC%83

---

ソートは [0,true,"01"].sort( function( a, b ){ /**/ } ) のように関数で処理することもできるので、typeof 演算子を絡めれば「真偽値、数値、文字列の順」も実現可能です。

【Array.prototype.sort() - JavaScript | MDN】
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/sort

【typeof 演算子 - JavaScript | MDN】
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/typeof

Answer 2

記載されている配列のソートは可能です。

var arr = ["One", 1, true];
arr.sort();
// => [1, "One", true]

上記のソートは文字列として比較されています。

var arr = ["One", 1, true, false, "hoge", 2];
arr.sort();
// => [1, 2, "One", false, "hoge", true]

一般に動的型付き言語の実装では、扱う型の限定を行わず、同じように扱います。
それにより、事前定義なく実行時に決定されるような値についても柔軟な対応が可能です。
必要に応じて数値や真偽値等を厳密に扱うことも可能です。

var arr = ["One", 1, true];
for (let i of arr) {
   console.log(i + ": " + typeof(i));
}
/*
One: string
1: number
true: boolean
*/

追記：
更新頂いたソート条件を実装すると下記のようになるでしょうか。
もっとすっきりした書き方もあるかもしれません。

function compare(a, b) {
    if (typeof(a) == typeof(b)) {
        if (a < b) {
            return -1;
        } else {
            return 1;
        }
    } else {
        if (typeof(a) < typeof(b)) {
            return -1;
        } else {
            return 1;
        }
    }
}

var arr = ["One", 1, true];
arr.sort(compare);
// => [true, 1, "One"]

arr = ["One", 1, true, false, "Two", 3, 2, "Three"];
arr.sort(compare);
// => [false, true, 1, 2, 3, "One", "Three", "Two"]