しがないプログラマーの備忘録: JavaScript

ラベル JavaScript の投稿を表示しています。すべての投稿を表示

2012年9月21日金曜日

String.substring関数で任意の文字列を切り出し取得する方法

【目的】
JavaScriptで、Stringのsubstring関数で任意の文字列を切り出し取得します。

【手順】
１．「078-StringSubStr.html」というファイルを作成。
２．「078-StringSubStr.html」を以下の様に入力。

<html>
<head>
    <script type="text/javascript">
    function main() {
        var string1 = new String("abcdef");
        var string2 = string1.substr(2);
        var string3 = string1.substr(2, 2);
        
        out.innerHTML += string2 + "<br />";
        out.innerHTML += string3 + "<br />";
    }
    </script>
</head>
<body>
    <input type="button" value="実行" onclick="main();">
    <div id="out" />
</body>
</html>

３．「078-StringSubStr.html」をブラウザで開きます。
４．以下の様に表示されれば成功です。

以上です。

String.substr関数で任意の文字列を長さを指定し切り出し取得する方法

【目的】
JavaScriptで、Stringのsubstr関数で任意の文字列を長さを指定し切り出し取得します。

【手順】
１．「078-StringSubStr.html」というファイルを作成。
２．「078-StringSubStr.html」を以下の様に入力。

<html>
<head>
    <script type="text/javascript">
    function main() {
        var string1 = new String("abcdef");
        var string2 = string1.substr(2);
        var string3 = string1.substr(2, 2);
        
        out.innerHTML += string2 + "<br />";
        out.innerHTML += string3 + "<br />";
    }
    </script>
</head>
<body>
    <input type="button" value="実行" onclick="main();">
    <div id="out" />
</body>
</html>

３．「078-StringSubStr.html」をブラウザで開きます。
４．以下の様に表示されれば成功です。

以上です。

String.split関数で任意の文字列区切りで配列に分割する方法

【目的】
JavaScriptで、Stringのsplit関数で任意の文字列区切りで配列に分割します。

【手順】
１．「077-StringSplit.html」というファイルを作成。
２．「077-StringSplit.html」を以下の様に入力。

<html>
<head>
    <script type="text/javascript">
    function main() {
        var string1 = new String("abc/def/xyz");
        var array1 = string1.split("/");
        
        for (var i = 0; i < array1.length; i++) {
            out.innerHTML += array1[i] + "<br />";
        }
    }
    </script>
</head>
<body>
    <input type="button" value="実行" onclick="main();">
    <div id="out" />
</body>
</html>

３．「077-StringSplit.html」をブラウザで開きます。
４．以下の様に表示されれば成功です。

以上です。

String.slice関数で任意の文字列を切り出し取得する方法

【目的】
JavaScriptで、Stringのslice関数で任意の文字列を切り出し取得します。

【手順】
１．「076-StringSlice.html」というファイルを作成。
２．「076-StringSlice.html」を以下の様に入力。

<html>
<head>
    <script type="text/javascript">
    function main() {
        var string1 = new String("abcdef");
        var string2 = string1.slice(2);
        var string3 = string1.slice(2, 4);
        
        out.innerHTML += string2 + "<br />";
        out.innerHTML += string3 + "<br />";
    }
    </script>
</head>
<body>
    <input type="button" value="実行" onclick="main();">
    <div id="out" />
</body>
</html>

３．「076-StringSlice.html」をブラウザで開きます。
４．以下の様に表示されれば成功です。

以上です。

String.lastIndexOf関数で任意の文字列の最後の出現位置を取得する方法

【目的】
JavaScriptで、StringのlastIndexOf関数で任意の文字列の最後の出現位置を取得します。

【手順】
１．「075-StringLastIndexOf.html」というファイルを作成。
２．「075-StringLastIndexOf.html」を以下の様に入力。

<html>
<head>
    <script type="text/javascript">
    function main() {
        var string1 = new String("abcdef abcdef");
        var number1 = string1.lastIndexOf("de");
        var number2 = string1.lastIndexOf("xy");
        
        out.innerHTML += number1 + "<br />";
        out.innerHTML += number2 + "<br />";
    }
    </script>
</head>
<body>
    <input type="button" value="実行" onclick="main();">
    <div id="out" />
</body>
</html>

３．「075-StringLastIndexOf.html」をブラウザで開きます。
４．以下の様に表示されれば成功です。

以上です。

String.indexOf関数で任意の文字列の最初の出現位置を取得する方法

【目的】
JavaScriptで、StringのindexOf関数で任意の文字列の最初の出現位置を取得します。

【手順】
１．「074-StringIndexOf.html」というファイルを作成。
２．「074-StringIndexOf.html」を以下の様に入力。

<html>
<head>
    <script type="text/javascript">
    function main() {
        var string1 = new String("abcdef abcdef");
        var number1 = string1.indexOf("de");
        var number2 = string1.indexOf("xy");
        
        out.innerHTML += number1 + "<br />";
        out.innerHTML += number2 + "<br />";
    }
    </script>
</head>
<body>
    <input type="button" value="実行" onclick="main();">
    <div id="out" />
</body>
</html>

３．「074-StringIndexOf.html」をブラウザで開きます。
４．以下の様に表示されれば成功です。

以上です。

String.concat関数で文字列を連結する方法

【目的】
JavaScriptで、Stringのconcat関数で文字列を連結します。

【手順】
１．「073-StringConcat.html」というファイルを作成。
２．「073-StringConcat.html」を以下の様に入力。

<html>
<head>
    <script type="text/javascript">
    function main() {
        var string1 = new String("abc");
        var string2 = "def";
        var string3 = string1.concat(string2);
        
        out.innerHTML += string3 + "<br />";
    }
    </script>
</head>
<body>
    <input type="button" value="実行" onclick="main();">
    <div id="out" />
</body>
</html>

３．「073-StringConcat.html」をブラウザで開きます。
４．以下の様に表示されれば成功です。

以上です。

String.charAt関数で任意の位置の文字を取得する方法

【目的】
JavaScriptで、StringのcharAt関数で任意の位置の文字を取得します。

【手順】
１．「072-StringCharAt.html」というファイルを作成。
２．「072-StringCharAt.html」を以下の様に入力。

<html>
<head>
    <script type="text/javascript">
    function main() {
        var string1 = new String("abc");
        var string2 = string1.charAt(1);
        
        out.innerHTML += string2 + "<br />";
    }
    </script>
</head>
<body>
    <input type="button" value="実行" onclick="main();">
    <div id="out" />
</body>
</html>

３．「072-StringCharAt.html」をブラウザで開きます。
４．以下の様に表示されれば成功です。

以上です。

String.length関数で文字列の長さを取得する方法

【目的】
JavaScriptで、Stringのlength関数で文字列の長さを取得します。

【手順】
１．「071-StringLength.html」というファイルを作成。
２．「071-StringLength.html」を以下の様に入力。

<html>
<head>
    <script type="text/javascript">
    function main() {
        var string1 = new String("abc");
        var number1 = string1.length;
        
        out.innerHTML += number1 + "<br />";
    }
    </script>
</head>
<body>
    <input type="button" value="実行" onclick="main();">
    <div id="out" />
</body>
</html>

３．「071-StringLength.html」をブラウザで開きます。
４．以下の様に表示されれば成功です。

以上です。

Stringオブジェクトを使用する方法

【目的】
JavaScriptで、Stringオブジェクトを使用します。

【手順】
１．「070-String.html」というファイルを作成。
２．「070-String.html」を以下の様に入力。

<html>
<head>
    <script type="text/javascript">
    function main() {
        var string1 = new String("abc");
        
        out.innerHTML += string1 + "<br />";
    }
    </script>
</head>
<body>
    <input type="button" value="実行" onclick="main();">
    <div id="out" />
</body>
</html>

３．「070-String.html」をブラウザで開きます。
４．以下の様に表示されれば成功です。

以上です。

2012年9月20日木曜日

Number.toFixed関数

【目的】
JavaScriptで、NumberのtoFixed関数を使用します。

【手順】
１．「068-NumberToFixed.html」というファイルを作成。
２．「068-NumberToFixed.html」を以下の様に入力。

<html>
<head>
    <script type="text/javascript">
    function main() {
        var number1 = new Number(0.123456789);
        var number2 = number1.toFixed(6);
        
        out.innerHTML += number2 + "<br />";
    }
    </script>
</head>
<body>
    <input type="button" value="実行" onclick="main();">
    <div id="out" />
</body>
</html>

３．「068-NumberToFixed.html」をブラウザで開きます。
４．以下の様に表示されれば成功です。

以上です。

Number.toString関数

【目的】
JavaScriptで、NumberのtoString関数を使用します。

【手順】
１．「069-NumberToString.html」というファイルを作成。
２．「069-NumberToString.html」を以下の様に入力。

<html>
<head>
    <script type="text/javascript">
    function main() {
        var number1 = new Number(123456789);
        var string1 = number1.toString();
        
        out.innerHTML += string1 + "<br />";
    }
    </script>
</head>
<body>
    <input type="button" value="実行" onclick="main();">
    <div id="out" />
</body>
</html>

３．「069-NumberToString.html」をブラウザで開きます。
４．以下の様に表示されれば成功です。

以上です。

Number.POSITIVE_INFINITY

【目的】
JavaScriptで、Number.POSITIVE_INFINITYを使用します。

【手順】
１．「067-NumberPOSITIVE_INFINITY.html」というファイルを作成。
２．「067-NumberPOSITIVE_INFINITY.html」を以下の様に入力。

<html>
<head>
    <script type="text/javascript">
    function main() {
        var number1 = Number.POSITIVE_INFINITY;
        
        out.innerHTML += number1 + "<br />";
    }
    </script>
</head>
<body>
    <input type="button" value="実行" onclick="main();">
    <div id="out" />
</body>
</html>

３．「067-NumberPOSITIVE_INFINITY.html」をブラウザで開きます。
４．以下の様に表示されれば成功です。

以上です。

Number.NEGATIVE_INFINITY

【目的】
JavaScriptで、Number.NEGATIVE_INFINITYを使用します。

【手順】
１．「066-NumberNEGATIVE_INFINITY.html」というファイルを作成。
２．「066-NumberNEGATIVE_INFINITY.html」を以下の様に入力。

<html>
<head>
    <script type="text/javascript">
    function main() {
        var number1 = Number.NEGATIVE_INFINITY;
        
        out.innerHTML += number1 + "<br />";
    }
    </script>
</head>
<body>
    <input type="button" value="実行" onclick="main();">
    <div id="out" />
</body>
</html>

３．「066-NumberNEGATIVE_INFINITY.html」をブラウザで開きます。
４．以下の様に表示されれば成功です。

以上です。

Number.MIN_VALUE

【目的】
JavaScriptで、Number.MIN_VALUEを使用します。

【手順】
１．「065-NumberMIN_VALUE.html」というファイルを作成。
２．「065-NumberMIN_VALUE.html」を以下の様に入力。

<html>
<head>
    <script type="text/javascript">
    function main() {
        var number1 = Number.MIN_VALUE;
        
        out.innerHTML += number1 + "<br />";
    }
    </script>
</head>
<body>
    <input type="button" value="実行" onclick="main();">
    <div id="out" />
</body>
</html>

３．「065-NumberMIN_VALUE.html」をブラウザで開きます。
４．以下の様に表示されれば成功です。

以上です。

Number.MAX_VALUE

【目的】
JavaScriptで、Number.MAX_VALUEを使用します。

【手順】
１．「064-NumberMAX_VALUE.html」というファイルを作成。
２．「064-NumberMAX_VALUE.html」を以下の様に入力。

<html>
<head>
    <script type="text/javascript">
    function main() {
        var number1 = Number.MAX_VALUE;
        
        out.innerHTML += number1 + "<br />";
    }
    </script>
</head>
<body>
    <input type="button" value="実行" onclick="main();">
    <div id="out" />
</body>
</html>

３．「064-NumberMAX_VALUE.html」をブラウザで開きます。
４．以下の様に表示されれば成功です。

以上です。

Numberオブジェクトを使用する方法

【目的】
JavaScriptで、Numberオブジェクトを使用します。

【手順】
１．「063-Number.html」というファイルを作成。
２．「063-Number.html」を以下の様に入力。

<html>
<head>
    <script type="text/javascript">
    function main() {
        var number1 = new Number(123);
        
        out.innerHTML += number1 + "<br />";
    }
    </script>
</head>
<body>
    <input type="button" value="実行" onclick="main();">
    <div id="out" />
</body>
</html>

３．「063-Number.html」をブラウザで開きます。
４．以下の様に表示されれば成功です。

以上です。

parseInt関数

【目的】
JavaScriptで、parseInt関数を使用します。

【手順】
１．「062-parseInt.html」というファイルを作成。
２．「062-parseInt.html」を以下の様に入力。

<html>
<head>
    <script type="text/javascript">
    function main() {
        var string1 = "456";
        var number1 = parseInt(string1);
        
        out.innerHTML += number1 + "<br />";
    }
    </script>
</head>
<body>
    <input type="button" value="実行" onclick="main();">
    <div id="out" />
</body>
</html>

３．「062-parseInt.html」をブラウザで開きます。
４．以下の様に表示されれば成功です。

以上です。

parseFloat関数

【目的】
JavaScriptで、parseFloat関数を使用します。

【手順】
１．「061-parseFloat.html」というファイルを作成。
２．「061-parseFloat.html」を以下の様に入力。

<html>
<head>
    <script type="text/javascript">
    function main() {
        var string1 = "123.456";
        var number1 = parseFloat(string1);
        
        out.innerHTML += number1 + "<br />";
    }
    </script>
</head>
<body>
    <input type="button" value="実行" onclick="main();">
    <div id="out" />
</body>
</html>

３．「061-parseFloat.html」をブラウザで開きます。
４．以下の様に表示されれば成功です。

以上です。

String関数

【目的】
JavaScriptで、String関数を使用します。

【手順】
１．「060-String.html」というファイルを作成。
２．「060-String.html」を以下の様に入力。

<html>
<head>
    <script type="text/javascript">
    function main() {
        var number1 = 456;
        var string1 = String(number1);
        
        out.innerHTML += number1 + "<br />";
    }
    </script>
</head>
<body>
    <input type="button" value="実行" onclick="main();">
    <div id="out" />
</body>
</html>

３．「060-String.html」をブラウザで開きます。
４．以下の様に表示されれば成功です。

以上です。

登録: 投稿 (Atom)

しがないプログラマーの備忘録

ページ

最近の更新

2012年9月21日金曜日

String.substring関数で任意の文字列を切り出し取得する方法

String.substr関数で任意の文字列を長さを指定し切り出し取得する方法

String.split関数で任意の文字列区切りで配列に分割する方法

String.slice関数で任意の文字列を切り出し取得する方法

String.lastIndexOf関数で任意の文字列の最後の出現位置を取得する方法

String.indexOf関数で任意の文字列の最初の出現位置を取得する方法

String.concat関数で文字列を連結する方法

String.charAt関数で任意の位置の文字を取得する方法

String.length関数で文字列の長さを取得する方法

Stringオブジェクトを使用する方法

2012年9月20日木曜日

Number.toFixed関数

Number.toString関数

Number.POSITIVE_INFINITY

Number.NEGATIVE_INFINITY

Number.MIN_VALUE

Number.MAX_VALUE

Numberオブジェクトを使用する方法

parseInt関数

parseFloat関数

String関数

関連記事