jQuery Types
Types | jQuery API Documentation
文字型
Built-in Methods 文字型 組み込み関数
charAt(0)
指定した文字列を返す
最初の文字は0 2番目は、1 …
<!--
(function($){
jQuery(function() {
jQuery("#test").html("機能".charAt(2));
});
})(jQuery);
//-->
</head>
<body>
<p id="test">result</p>
toUpperCase()
大文字表現
"hello".toUpperCase() // "HELLO"
toLowerCase()
小文字表現
"Hello".toLowerCase() // "hello"
replace(/e|o/g, "x")
置換する。
<script type="text/javascript">
<!--
(function($){
jQuery(function() {
jQuery("#title").html("<h2>Filter</h2>");
jQuery("#test").html("はてな".replace(/て|な/g, "は") );
});
})(jQuery);
//-->
</script>
</head>
<body>
<p id="test">result</p>このコードで、「はてな」を「ははは」に変換できました。
split(",")
型変換 文字型から配列へ
"1,2,3".split(",") // ["1", "2", "3"]
Property
Length Property
プロパティ 文字数
jQuery("#test").html("hatenaダイヤリ".length ); //10
このコードで、全角半角交じり文字列の文字数を数えることが出来ました。
Boolean Default
文字があれば、true
数値型
Boolean Default
0 false
ここは、わかりません
jQuery("#test").html(0.1 + 0.2);
//0.30000000000000004
Math
計算
jQuery("#test").html(Math.PI);
円周率が表示できました。
他にもいろいろ出来るでしょう。
Parsing Numbers 数値の評価
いわずもがな10進 整数
整数でいくつ？
parseInt("123") = 123 (implicit decimal)
念押し10進 整数
10進数で010って整数値でいくつ？
parseInt("010", 10) = 10 (explicit decimal)
念押し2進 整数
2進数で11って整数値でいくつ？
parseInt("11", 2) = 3 (explicit binary)
言わずもがな、フロート
parseFloat("10.10") = 10.1コーディングでは、16進は使う。background-color:とかね。
jQuery("#test").html( parseInt("ff", 16));//255255を返してくれた。
Numbers to Strings 数値と数値文字
jQuery("#test").html( 100+100);// 200
jQuery("#test").html( ""+100+100);// 100100たぶんこういうことに、気をつけてね。ということなんだろう。
NaN and Infinity 非数 と 無限
数値かどうか調べる
parseInt("hello", 10) // NaN
isNaN(parseInt("hello", 10)) // true
Boolean 真偽
Object
var x = {};
var y = {
name: "Pete",
age: 15
};
Dot Notation ドット記法
var x = {};
var y = {
name: "Pete",
age: 15
};
jQuery("#test").html(y.age + 3);//18こういう風にかけるんだなぁ
Iteration 繰り返し
<script type="text/javascript">
<!--
(function($){
jQuery(function() {
var obj = {"test":"練習","test1":"練習1"};
jQuery.each(obj, function(key,value) {
jQuery("#test").append("キー:" + key + "値:" + value + "<br>");
});
});
})(jQuery);
//-->
</script>
</head>
<body>
<p id="test">result</p>dom ソース
<p id="test">キー:test値:練習<br>キー:test1値:練習1<br></p>
追記
配列の場合 var obj = ["hatena","はてな","ハテナ"]; <p id="test">キー:0値:hatena<br>キー:1値:はてな<br>キー:2値:ハテナ<br></p>
breakする
return false;（throw true;）
Boolean default
!{} // false
