49 個の JavaScript のヒントとコツ

var foo = (12.4 / 4.13) | 0; // 結果は3
var bar = ~~(12.4 / 4.13); //結果は3

var eee="eee";
警報(!!eee)

（関数（） {
    var oldAlert = window.alert,
        カウント = 0;
    window.alert = 関数(a) {
        カウント++;
        oldAlert(a + "\n アラートを " + count + " 回呼び出しました。やめてください。これは悪です!");
    };
})();
alert("こんにちは、Haorooms");

var a=1,b=2;a=[b,b=a][0];
コンソールログ('a:'+a+',b:'+b);

 //出力a:2,b:1

[10] === 10 // 偽です
[10] == 10 // は真
'10' == 10 // は真
'10' === 10 // は偽です
 [] == 0 // は真
 [] === 0 // は偽
 '' == false // は true ですが、true == "a" は false です
 '' === false // は偽です

関数 Person(名前, 年齢) {
    this.getName = function() { 名前を返します; };
    this.setName = function(newName) { name = newName; };
    this.getAge = function() { 年齢を返します; };
    this.setAge = function(newAge) { age = newAge; };

    // コンストラクターで初期化されていないプロパティ var occupation;
    this.getOc​​cupation = function() { 職業を返します; };
    this.setOccupation = function(newOcc) { 職業 = 
                         新しいOcc; };
}

関数 Person(firstName, lastName){
    _firstName_ は、_firstName_ の後に続く最初の名前です。
    this.lastName = 姓;
}

var Saad = new Person("Saad", "Mousliki");

var arr = ["a", "b", "c"];
typeof arr; // "object" を返す
arr 配列のインスタンス // true
arr.コンストラクタ(); //[]

（関数（）{
    // 自動的に実行されるプライベートコード
})();
(関数(a,b){
    var 結果 = a+b;
    結果を返します。
})(10,20)

var items = [12, 548, 'a', 2, 5478, 'foo', 8852, , 'Doe', 2145, 119];

var randomItem = items[Math.floor(Math.random() * items.length)];

var x = Math.floor(Math.random() * (max - min + 1)) + min;

var numbersArray = [] 、最大値 = 100;

for( var i=1; numbersArray.push(i++) < max;); // 数値 = [0,1,2,3 ... 100]

関数generateRandomAlphaNum(len) {
    var rdmstring = "";
    for( ; rdmString.length < len; rdmString += Math.random().toString(36).substr(2));
    rdmString.substr(0, len) を返します。
}

//メソッドgenerateRandomAlphaNum(15)を呼び出します。

var 数値 = [5, 458, 120, -215, 228, 400, 122205, -85411];
数値 = 数値.sort(function(){ return Math.random() - 0.5});
/* 配列の番号は、例えば [120, 5, 228, -215, 400, 458, -85411, 122205] になります */

String.prototype.trim = function(){return this.replace(/^\s+|\s+$/g, "");};

var array1 = [12 , "foo" , {name: "Joe"} , -2458];

var array2 = ["Doe", 555, 100];
配列.プロトタイプ.プッシュ.適用(配列1、配列2);
/* 配列1は[12, "foo", {name "Joe"}, -2458, "Doe", 555, 100]に等しくなります */

var argArray = Array.prototype.slice.call(引数);

関数isArray(obj){
    Object.prototype.toString.call(obj) === '[オブジェクト配列]' を返します。
}

Array.isArray(obj); // これは新しい配列メソッドです

var myFrame = document.createElement('iframe');
document.body.appendChild(myFrame);

var myArray = window.frames[window.frames.length-1].Array;
var arr = new myArray(a,b,10); // [a,b,10]

// instanceof は正しく動作せず、myArray はコンストラクタを失います
// コンストラクタはフレーム間で共有されません
arr 配列インスタンス; // false

var 数値 = [5, 458, 120, -215, 228, 400, 122205, -85411];
var maxInNumbers = Math.max.apply(Math, 数値);
var minInNumbers = Math.min.apply(Math, numbers);

var myArray = [12, 222, 1000];
myArray.length = 0; // myArrayは[]と等しくなります。

var items = [12, 548 ,'a', 2, 5478, 'foo', 8852, , 'Doe',2154, 119];
items.length; // 11 を返す
アイテム[3]を削除します。 // trueを返します
items.length; // 11 を返す
/* 項目は [12, 548, "a", undefined × 1, 5478, "foo", 8852, undefined × 1, "Doe", 2154, 119] に等しくなります */

var items = [12, 548 ,'a', 2, 5478, 'foo', 8852, , 'Doe',2154, 119];
items.length; // 11 を返す
アイテムをスプライス(3,1);
items.length; // 10 を返す
/* 項目は [12, 548, "a", 5478, "foo", 8852, undefined × 1, "Doe", 2154, 119] に等しくなります */

var myArray = [12, 222, 1000, 124, 98, 10];
myArray.length = 4; // myArrayは[12, 222, 1000, 124]になります。

myArray.length = 10; // 新しい配列の長さは 10 です
myArray[myArray.length - 1]; // 未定義

var foo = 10;
foo == 10 && doSomething(); // if (foo == 10) doSomething(); と同等
foo == 5 || doSomething(); // if (foo != 5) doSomething(); と同等

関数doSomething(arg1){
    Arg1 = arg1 || 10; // arg1が設定されていない場合、Arg1はデフォルトで10になります
}

var squares = [1,2,3,4].map(関数(val) {
    val *val を返します。
});
// 正方形は [1, 4, 9, 16] に等しくなります

var 数値 =2.443242342;
num = num.toFixed(4); // numは2.4432になります

0.1 + 0.2 === 0.3 // は偽です
9007199254740992 + 1 // は 9007199254740992 に等しい
9007199254740992 + 2 // は 9007199254740994 に等しい

for (オブジェクト内の変数名) {
    オブジェクトが独自のプロパティを持っている場合(名前)
        // 名前を使って何かする
    }
}

var a = 0;
var b = ( a++, 99 );
console.log(a); // aは1になります
console.log(b); // bは99に等しい

var navright = document.querySelector('#right');
var navleft = document.querySelector('#left');
var navup = document.querySelector('#up');
var navdown = document.querySelector('#down');

isFinite(0/0); // 偽
isFinite("foo"); // 偽
isFinite("10"); // 真
isFinite(10); // 真
isFinite(未定義); // 偽
isFinite(); // 偽
isFinite(null); // 真です!!!

var 数値配列 = [1,2,3,4,5];
var from = numbersArray.indexOf("foo") ; // from は -1 に等しい
numbersArray.splice(from,2); // [5] を返します

var person = {name :'Saad', age : 26, department : {ID : 15, name : "R&D"} };
var stringFromPerson = JSON.stringify(person);
/* stringFromPerson は "{"name":"Saad","age":26,"department":{"ID":15,"name":"R&D"}}" に等しい */
var personFromString = JSON.parse(stringFromPerson);
/* personFromString は person オブジェクトと等しい */

var func1 = 新しい関数(関数コード);
var func2 = eval(関数コード);

var 合計 = 0;
for (var i in arrayNumbers) {
    合計 += 配列数値[i];
}

var 合計 = 0;
(var i = 0, len = arrayNumbers.length; i < len; i++) {
    合計 += 配列数値[i];
}

(var i = 0; i < arrayNumbers.length; i++) の場合

間隔を設定します('doSomethingPeriodically()', 1000);
setTimeOut('doSomethingAfterFiveSeconds()', 5000)

setInterval(定期的に何かを実行する, 1000);
タイムアウトを設定します(doSomethingAfterFiveSeconds, 5000);

関数 getCategory(年齢) {
    var カテゴリー = "";
    スイッチ（真）{
        isNaN(年齢)の場合:
            category = "年齢ではありません";
            壊す;
        ケース（年齢 >= 50 歳）:
            カテゴリ = "古い";
            壊す;
        ケース（年齢 <= 20）：
            カテゴリ = "赤ちゃん";
            壊す;
        デフォルト：
            カテゴリ = "若い";
            壊す;
    };
    返品カテゴリ;
}
getCategory(5); // 「Baby」を返します

関数クローン(オブジェクト) {
    関数 OneShotConstructor(){};
    OneShotConstructor.prototype = オブジェクト;
    新しい OneShotConstructor() を返します。
}
clone(Array).prototype; // []
42. HTMLエスケープ関数 function escapeHTML(text) {
    var replacements= {"<": "<", ">": ">","&": "&", "\"": """};
    戻り値 text.replace(/[<>&"]/g, function(文字) {
        置換文字[文字]を返します。
    });
}

var オブジェクト = ['foo', 'bar'], i;
(i = 0, len = object.length; i < len; i++) の場合 {
    試す {
        // 例外をスローする何かを実行する
    }
    キャッチ（e）{
        // 例外を処理する
    }
}

var オブジェクト = ['foo', 'bar'], i;
試す {
    (i = 0, len = object.length; i < len; i++) の場合 {
        // 例外をスローする何かを実行する
    }
}
キャッチ（e）{
    // 例外を処理する
}

var xhr = 新しい XMLHttpRequest();
xhr.onreadystatechange = 関数 () {
    this.readyState == 4の場合{
        タイムアウトをクリアします(タイムアウト);
        // 応答データを使って何かを行う
    }
}
var タイムアウト = setTimeout( 関数 () {
    xhr.abort(); // エラーコールバックを呼び出す
}, 60*1000 /* 1分後にタイムアウト */ );
xhr.open('GET', url, true);  

xhr.send();

var タイマーID = 0;
関数keepAlive() {
    var タイムアウト = 15000;
    webSocket.readyState が webSocket.OPEN の場合 {
        webSocket.send();
    }
    タイマーID = setTimeout(keepAlive, タイムアウト);
}
関数 cancelKeepAlive() {
    if (タイマーID) {
        タイマーIDをキャンセルします。
    }
}

var min = Math.min(a,b);
A. プッシュ(v);

var min = a < b ? ab;
A[A.長さ] = v;

関数 paddingLeftZero(str){
    ("00"+str).substr(str.length) を返します。
}

getCookie: 関数 (名前) {
    var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");

    (arr = document.cookie.match(reg)) の場合
        unescape(arr[2])を返します。
    それ以外
        null を返します。
},
setCookie: 関数 (名前、値、日数) {
    var exp = 新しい Date();
    exp.setTime(exp.getTime() + 日数 * 24 * 60 * 60 * 1000);
    document.cookie = 名前 + "=" + escape(値) + ";expires=" + exp.toGMTString();
},

新しい日付(新しい日付(新しい日付().toLocaleDateString()).getTime()+24*60*60*1000);

新しい日付(新しい日付(新しい日付().toLocaleDateString()).getTime());