2022年04月23日

javascript:parseInt()

この関数の説明

parseInt() はJavaScript関数です。

[文字列]を[整数]に変換します。

 


関数

parseInt( string, radix )

 


パラメータ

string (文字数字)(必須

数値を表す文字列

 

radix(整数)(オプション)

string の基数を指定します。2~36までの整数

指定しない場合は string は10進数と判断します。

 


戻り値

string を整数化した値が返ります。

 


事例

①10進、16進、2進の文字を整数に変換します。

chr_10 = '253'         // 10進数
chr_16 = 'fd'            // 16進数
chr_2 = '11111101';  // 2進数
console.log(parseInt(chr_10));      // 10進数値を整数に変換
console.log(parseInt(chr_16,16));  // 16進数値を整数に変換
console.log(parseInt(chr_2,2));     // 2進数値を整数に変換

■いずれも 253 を返します。

 

②HEXカラーをRGBカラーに変換する。

var hex_color = '#090ffa';
var red     = parseInt(hex_color.slice(1,3),16); // 16進文字を整数に変換する
var green = parseInt(hex_color.slice(3,5),16);
var blue   = parseInt(hex_color.slice(5,7),16);
var rgb_color = 'rgb(' + red + ',' + green + ',' + blue + ')';
console.log(rgb_color);

下記の文字列が表示されます。

rgb(9,15,250)

 


関連情報

・整数を16進文字や2進文字に変換する場合は Number.toString() を利用します。

・文字列操作の他のメソッドはjavascrip文字列操作を参照してください。

 

関数一覧
  • 1.JavaScript/jQueryとは
  • 2.[JS] 変数規則と文字連結
  • 3.[JS] if文
  • 4.[JS] 配列操作
  • 5.[JS] 文字列操作
  • 6.[JS] 画面情報&操作
  • 7.[JS] Timer処理
  • console.log()
  • for
  • for in
  • for of
  • indexOf()
  • join()
  • length
  • map()
  • match()
  • Object.keys()
  • Object.values()
  • parseInt()
  • pop()
  • push()
  • replace()
  • shift()
  • slice()
  • split()
  • toString()
  • unshift()
  • 1.jQueryの導入と記述の基本
  • 2.jQueryの機能追加
  • 3.jQuery文法
  • 4.階層構造の要素セレクトと操作
  • 5.要素サイズ取得メソッド
  • animate()
  • append()
  • attr()
  • change(func)
  • click()
  • click(func)
  • css()
  • each(func)
  • effect()
  • empty()
  • fadeTo()
  • get()
  • hover(f1,f2)
  • html()
  • map(func)
  • mousedown(func)
  • prop()
  • resize(func)
  • show()、hide()
  • slideToggle()
  • submit()
  • submit(func)
  • text()
  • toggle()
  • toggleClass()
  • val()