javascriptを勉強中

var a = 3;
var b = 10;
var obj = {
        hoge:function(a){
            a = a + a;
            return a;
        },
        a:a = a && 5,
        b:b = b || 3
    };
    
console.log(obj.hoge(2));
console.log(obj.a);
console.log(obj.b);

上記のCodeを動かすと仕事と表示されます(笑)、4,5,10と表示されます。
何故そうなったかを考えるとキリがないのでそういうものだと
思ったほうが良いかもしれないです。

説明するとhogeはオブジェクトです。あとは変数とIF文の省略系を
記述しているだけです、実際は=もいらないですが・・・。
わかりやすく自分なりに記載したつもりです。

javascriptライブラリってこういうのが何百行も記載して成り立っていますが
概念はこういう事です。自分は基本的に概念しか覚えないのです。
何故、そうしているか・・・自分が怠惰な人間だからです。

 

javascriptでテキストファイルやCSVファイルを読み込む方法。

javascriptでテキストファイルやCSVファイルを読み込む方法は下記になります。
この他に、jqueryだとajaxを使用して読み込む方法などもありますが、あえて
javascriptで記述しています。

rt();
function rt(){
    var xmlHttp = new XMLHttpRequest();
    xmlHttp.open("GET","xxx.txt",true);
    xmlHttp.send(null);
    xmlHttp.onload = function(){
        var data = xmlHttp.responseText;
    }
}

 

jQueryの基礎1

世の中、javascriptへの原点回帰が進んでいますが
だからといって、jqueryが無くなるかといえばそうでもない気がします。

トイウコトデ、jqueryの基礎的なデモページを作成しました。
ご参考程度どうぞ。
これから毎週1回以上、プログラムのデモ的な内容をUPしていきます。
自分の勉強や復習の意味合いも兼ねています。
プログラム言語はPHP、JS、C#が主の掲載となります。

https://zip358.com/tool/demo1/demo1.php

$(function(){
    $(".alert.alert-danger").html("未記入です");
    $("input").keyup(function(){
        if($(this).val()){
            $(".alert.alert-danger").eq($("input").index(this)).html($(this).val());
        }else{
            $(".alert.alert-danger").eq($("input").index(this)).html("未記入です");
        }
    });
    $("input").blur(function(){
        if($(this).val()){
            $(".alert.alert-danger").eq($("input").index(this)).html($(this).val());
        }else{
            $(".alert.alert-danger").eq($("input").index(this)).html("未記入です");
        }
    });
    $("input").focus(function(){
        if($(this).val()){
            $(".alert.alert-danger").eq($("input").index(this)).html($(this).val());
        }else{
            $(".alert.alert-danger").eq($("input").index(this)).html("未記入です");
        }
    });    
});