Node.js アーカイブ - 2ページ目 (8ページ中)

2022-08-082022-08-08

JavaScript ブラウザのタイトル名変更

ブラウザのタイトル名を変更する方法です。

近頃 Webサイトはシングルページアプリケーションが多く、

それに伴い、 Windowタイトル名を変更してくれないサイトが多いのでとても不便です。

タイトル変更は、 JavaScriptで簡単に実装できます。

タイトル名変更するコード例

document.title = "タイトル名"

ブラウザ側で確認すると下↓の結果です

タイトル名を取り出すこともできます。

console.log(document.title)

2022-05-062022-05-06

JavaScript JSONオブジェクト変数の階層を再帰で掘る

JavaScript で複雑な JSON オブジェクト変数の階層を掘って Key Value 一覧を取り出すコード例です。

下のようなJSON オブジェクト変数

{
    "key1":{
        "key1_2":{
            "key1_3":{
                "name1":"ワイオミング"
            }
        }
    },
    "key2":{
        "name2":"マヌエル",
        "array1":[1,2,3,"あ","い","う"]
    }

}

下の関数を作成する

const DigAllHierarchy = (jsonObj1, root1="") => {
    let keys = Object.keys(jsonObj1) //オブジェクトキー一覧取得
    for (let k1 in keys){
        if (typeof jsonObj1[keys[k1]] == 'object'){ // 値がオブジェクトの場合
            if (Array.isArray(jsonObj1[keys[k1]])) { // 値が配列かどうか？
                let arrayStr = ""
                for (let oneArray in jsonObj1[keys[k1]]){
                    let tmpValue = jsonObj1[keys[k1]][oneArray]
                    arrayStr += (typeof tmpValue == "number")?tmpValue + ",": "\"" + tmpValue + "\",";
                }
                console.log(root1 + keys[k1] + "=[" + arrayStr.slice(0,-1) + "]")
            } else {
                DigAllHierarchy(jsonObj1[keys[k1]], root1 + keys[k1] + ".") //次の階層 再帰 処理
            }
        }else{
            console.log(root1 + keys[k1] + "=\"" + jsonObj1[keys[k1]] + "\"");
        }
    }    
}

作成した関数を呼び出す

DigAllHierarchy({
    "key1":{
        "key1_2":{
            "key1_3":{
                "name1":"ワイオミング"
            }
        }
    },
    "key2":{
        "name2":"マヌエル",
        "array1":[1,2,3,"あ","い","う"]
    }

})

↓下のように出力されます。

2022-04-302022-04-30

JavaScript 連想配列(オブジェクト)の結合コード例

JavaScript で、複数の連想配列(オブジェクト)型の変数を結合させるにはassign()を使います。

下記は Object.assign()を使ったコード例です。

let obj1 = {Name: "アレギウム", Age: 20}
let obj2 = {FirstName: "マヌエル", ID: 100}
Object.assign(obj1,obj2)
console.log(obj1)

実行すると下のように obj1とobj2の内容が結合されます。

変数に同じキーが入っている場合は、 assign()の2番目の引数の値が使われるようでした。

assign(target, source)になっていて

@param target コピー先のターゲットオブジェクト。
@param source コピー元のソースオブジェクト。

let obj1 = {Name: "アレギウム", Age: 20}
let obj2 = {FirstName: "マヌエル", ID: 100}
let obj3 = {Address: "日本"}
Object.assign(obj1,obj2,obj3,obj3,obj3,obj3,obj3)
console.log(obj1)

引数内に変数は何個渡しても大丈夫です。