タグ: JavaScript

JavaScript オブジェクトのプロパティ名とその値を表示するコード例

// JavaScript オブジェクト
var dog = {
    name: "Fido",
    dob:  new Date(),
    legs: [1, 2, 3, 4],
    getName: function () {
        return this.name;
    }
};

// メソッドが見える。その内容はわからない。
// Object { name: "Fido", dob: Date 2015-09-18T20:10:00.060Z, legs: Array[4], getName: dog.getName() }
console.log(dog);

// メソッドは見えない。
// {"name":"Fido","dob":"2015-07-25T08:43:37.999Z","legs":[1,2,3,4]}
console.log(JSON.stringify(dog));

/**
 * オブジェクトのプロパティとその値を文字列化して連結したテキストを返却します。
 *
 * @param  {object} obj オブジェクト
 * @return {string} プロパティとその値を文字列化して連結したテキスト
 */
function getProperties(obj) {
    var properties = '';
    for (var prop in obj){
        properties += prop + ': ' + obj[prop] + '\n';
    }
    return properties;
}

// メソッドが見え、その内容もわかる。
// name: Fido
// dob: Sat Sep 19 2015 05:00:04 GMT+0900 (JST)
// legs: 1,2,3,4
// getName: function () {
//         return this.name;
//     }
console.log(getProperties(dog));

// メソッドが見え、その内容もわかる。Chrome だとエラー
// ({name:"Fido", dob:(new Date(1442607000060)), legs:[1, 2, 3, 4], getName:(function () {
//         return this.name;
//     })})
console.log(dog.toSource());

ポイント

• 「配列の要素プラス文字列」を連結するには、ループ外で宣言した変数に、ループ内で値を追加していけばよい。
• for を使えば簡単に実現できる。
• forEach を使う方法は不明。

実際のコード

ユニークでランダムな整数を返却する JavaScript コード

getOtherRandomInt という関数として作成いたしました。

ユニークな数値を得たいですので、除外対象となる数値を配列で引数として渡します。

また、返却する乱数は範囲を指定できるように最小値と最大値をそれぞれ引数として渡します。実際に人間に使って貰う場合を想定いたしますと、たとえば 10 桁の数を返却するのは覚え辛く実用的ではございません。1 〜 1000 と範囲を指定することで、覚えやすい数値を返すことを可能にしております。

JavaScript の型一覧

詳細で厳格な定義にはこだわりません。それを念頭にしますと、JavaScript の型は 7 種類ですの。

元としているのは次のページです。

• データ型 (JavaScript)