ホーム > parseInt (全4件)
  • 数値を文字列に変換する

    数値が格納された変数を文字列に変換する。

    /* 負数も大丈夫 */
    var int_val = -123;
    var str = int_val.toString();
    
    /* 浮動小数点も大丈夫 */
    var float_val = 123.456;
    var str = float_val.toString();
    

    文字列を数値に変換するparseInt関数やparseFloat関数の逆の働きをする。なお変数の値が文字列の場合は、そのまま文字列が返る。

  • 文字列を数値(浮動小数点数)に変換する

    INPUT要素の値を取得し、浮動小数点数に変換して変数valに格納する。

    var val = parseFloat( $( 'input' ).val() );
    

    浮動小数点数はこのparseFloat関数を、整数の場合はparseInt関数を使用する。なお、”や文字から始まる文字列は NaN になる(’.12’のように、’.’から始まる場合は正しく変換される)。

  • 文字列を数値(整数)に変換する

    INPUT要素の値を取得し、整数に変換して変数valに格納する。

    var val = parseInt( $( 'input' ).val() );
    
    /* 第2パラメータには基数(2、8、10、16)を指定できる */
    var val = parseInt( $( 'input' ).val(), 16 );
    

    parseInt関数は、PHPのintval関数みたいなもの。基数を省略した場合は原則10進数として解釈されるが、文字列が’0’から始まる場合は8進数、’0x’また’0X’で始まる場合は16進数として解釈される。なお、”や文字から始まる文字列は NaN になる。

  • jQuery UIのSliderを使う

    sliderクラスの要素にjQuery UIのSliderを適用させる。

    $( ".slider" ).slider( {
    	min: 0, /* default: 0 */
    	max: 5, /* default: 100 */
    	step: 1, /* defaut: 1 */
    	value: 0, /* default: 0 */
    	orientation: 'horizontal', /* default: 'horizontal' or 'vertical' */
    	slide:function(event, ui) { },
    	change:function(event, ui) { }
    } );
    
    <!-- html部分 -->
    <div id="slider1" class="slider"></div>
    

    minやmaxなどのプロパティ値に変数を指定する場合は、必ずparseInt関数で整数化すること。少なくとも1.8.20/21では、minが0より大きな値を取る場合の挙動がおかしくなる。