組み込みオブジェクトに関するJavascriptの基礎

1. 組み込みオブジェクトの紹介

JavaScript ECMAScript | DOM | BOMで構成されています

ECMAScript：変数、関数、データ型、フロー制御、組み込みオブジェクト

js 内のオブジェクト:カスタムオブジェクト、組み込みオブジェクト、ブラウザーオブジェクト (ECMAScript の一部ではない)

1.1 数学オブジェクト

一連の数学関連のメソッドまたはプロパティを提供します (静的 | インスタンス)

1.2 数学における方法

Math,PI --- 円周率の値を取得します
Math.random() --- 0 から 1 の間の乱数を返します。

柔軟な使用:

a: 次の 2 つの数値を含む 2 つの数値間の乱数を見つけます。

Math.floor( Math.random() * (max - min + 1) + min );

例: 1 から 10 までのランダムな整数を見つける

関数 getRondom(最小値, 最大値) {
            Math.floor(Math.random() * (max - min + 1) + min) を返します。
        }
        var i = getRondom(1,10);
        コンソールにログ出力します。

b: ランダムに並べ替えたい場合は、以下を使用できます。

Math.random() - 精度 0.5。この弱点を使用するとランダムにソートされます。

例: ランダムソート

var arr1 = ["Lu Han", "Wang Junkai", "Cai Xukun", "Eddie Peng", "Jay Chou", "Andy Lau", "Zhao Benshan"];
        arr1.sort(関数(){
            Math.random() - 0.5 を返します。
        });
        コンソールログ(arr1);

Math.floor() --- 現在の数値より小さい整数を切り捨てて返します
Math.ceil() --- 現在の数値より大きい整数を切り上げて返します
Math.round() --- 最も近い整数に丸める

特殊なケース:

console.log(Math.round(-1.5)) //結果は-1

Math.abs() --- 絶対値を取得します（現在の数値の絶対値、正の整数を返します）

console.log(Math.abs("1")); //暗黙の変換により文字列 1 が数値に変換されます console.log(Math.abs("fanfan")); //NaN

Math.max() --- 数値セット内の最大値を返します (複数のパラメータを設定して最大値を返すことができますが、パラメータは配列にすることはできません)

console.log(Math.max(1,4,8,35,"fanfan")); //NaN
  console.log(Math.max()); //-無限大

Math.min() --- 数値セット内の最小値を返します (複数のパラメータを同時に設定でき、最大値と同じ効果があります)

console.log(Math.min()); //無限大

Math.sin(x)
Math.cos(x)
Math.tan(x)
Math.pow(x,y) --- x の y 乗を返します

1.3 日付オブジェクト

使用法 1:空のコンストラクタ

var d = new Date(); //パラメータがない場合は、現在のシステムの現在の時刻を返します

使用法2:日付形式の文字列を渡す

 var d = new Date("1988-8-8 8:8:8")

使用法3:数字を渡す

 var d = new Date(year, month[day,time,second]); // 年と月を設定する必要があります。括弧内の項目はオプションです。

注:月は0から始まります。0は1月を表します。

 var date1 = new Date(2019, 10, 01); // 実際には2019年11月1日

現在の時刻のミリ秒値を取得します: (1970 年 1 月 1 日からのミリ秒数)

書き方1：

d.valueOf()    

d.getTime() // 推奨

//現在のミリ秒の値を取得します。var date = new Date();
        コンソールにログ出力します。
        コンソールにログ出力します。

書き方2 ：（最もよく使われる書き方）

 var date1 = +new Date(); // +new Date() はミリ秒の合計数を返します

書き方3:

Date.now() //H5の新しいメソッドは互換性がある

2. 日付のメソッド

var d = new Date(); --- 日付のフォーマット方法
d.getSeconds() //秒数を取得
d.getMinutes() //分数を取得
d.getHours() //時間を取得
d.getDay() //パラメータがない場合、現在の曜日を返します（0は日曜日を意味します）0-6

曜日を取得する方法:

var arr = ['日曜日', '月曜日', '火曜日', '水曜日', '木曜日', '金曜日', '土曜日'];
         var day = date.getDay();
         console.log(arr[日]);

d.getDate() //パラメータがない場合、現在の日付を返します
d.getMonth() //パラメータがない場合、現在の月を返します（0から始まる）0-11
d.getFullYear() //パラメータがない場合、現在の年を返します
d.toString(); //文字列に変換
d.toDateString(); //日付文字列に変換
d.toTimeString(); // 時間文字列に変換
d.toLocaleDateString(); //ローカルの日付形式を返します（ブラウザによって結果が異なります）
d.toLocaleTimeString(); // ローカル時刻の形式を返します (ブラウザによって結果が異なります)

3. 典型的な例: カウントダウン効果:

関数 countTime(時間) {
            var nowTime = +新しい日付();
            コンソールにログ出力します。
            var タイマー = +新しい日付(時間);
            console.log(タイマー);
            var times = (タイマー - nowTime) / 1000;
            var d = parseInt(times / 60 / 60 / 24);
            d = d < 10 ? "0" + d : d;
            var h = parseInt(times / 60 / 60 % 24);
            h = h < 10 ? "0" + h : h;
            var m = parseInt(times / 60 % 60);
            m = m < 10 ? "0" + m : m;
            var s = parseInt(times % 60);
            s = s < 10 ? "0" + s : s;
            d + "日" + h + "時間" + m + "分" + s + "秒" を返します
 
        }
        var i = countTime("2021-11-11 18:00:00");
        コンソールにログ出力します。

4. 配列オブジェクト

4.1 配列の作成

配列リテラルの使用:

var arr = [1,2,3];

new Array() の使用:

var arr1 = new Array(); //空の配列を作成する
var arr1 = new Array(2); //この2は配列の長さが2であり、空の配列要素が2つあることを意味します
var arr1 = new Array(2,3); // [2,3] と同等これは、配列要素が 2 つ、2 と 3 があることを意味します。

4.2 配列の共通メソッド

変数が配列かどうかを判断します。

Array.isArray(ary) //H5 の新しい属性 IE9 以降でサポート
パラメータinstanceof Array

toString() --- 値をコンマで区切って配列を文字列に変換します。

valueOf() --- 配列オブジェクト自体を返す

ary.pop() [共通] --- 配列の最後の単語を削除し、配列の長さを変更します。注: () にはパラメータは含まれません。

ary.shift() --- 配列の最初の要素を削除し、配列の長さを変更します。注: () 内にはパラメーターはありません。

ary.push() [共通] --- このメソッドは、配列の最新の長さを示す戻り値を持ちます。このメソッドでは複数のパラメータを設定できます。1つ以上のパラメータを追加します。

ary.unshift() --- 配列の先頭に値を追加する

reverse() --- 配列を反転する

indexOf(content[,index]) --- 配列要素のインデックスを返すメソッド。先頭から検索する場合、条件を満たす最初のインデックス番号のみを返します。
lastIndexOf() --- 配列の末尾から検索し、見つかった場合はインデックスを返し、見つからなかった場合には -1 を返します。

join(分隔符) --- 配列内の各要素を文字を介してブロックに接続します (配列から文字列へ) 文字間の区切り文字を変更します。デフォルトは "," です

並べ替え:

arr.sort() --- 数字でソートするsort(function(){})

arr.sort(関数(a,b){
    return ab; // 昇順})
arr.sort(関数(a,b){
    return ba; //降順})

concat() --- 2つの配列を連結して新しい配列を返します

slice(startindex, endindex) --- 現在の配列から新しい配列を抽出します。最初のパラメータは開始インデックス位置を表し、2 番目のパラメータは終了インデックス位置を表します。

splice(startindex, deletCont, options) --- 配列内の特定の値を削除または置換する
最初のパラメータは削除を開始する場所を示します
2番目のパラメータは合計で何個削除するかを表します
3番目のパラメータは置換される値を表す

5. 文字列

1. charAt(index) --- 指定された位置の文字を取得します
2. str[index] --- 指定された位置の文字を取得します（H5のメソッド）
3. charCodeAt(index) --- 対応するインデックス番号の文字のASCII値を返します。これにより、ユーザーがどのキーを押したかがわかります。
4. concat() --- 文字列を連結します。+と同等です。
5. slice(strat,end) --- 指定された位置から開始し、終了位置まで文字列を切り取ります。終了値は
6. substring(start,end) --- 指定された位置から開始し、終了位置までの文字列をインターセプトします。終了値は取得できませんが、開始値は取得できます。
7. substr('インターセプトの開始位置', 'インターセプトする文字数') //指定された位置から、長さの文字をインターセプトします
8. indexOf(character) --- 文字列内の文字の位置を返す [初回]
9. lastIndexOf(character) --- 後ろから前へ検索し、最初に一致する文字のみを検索します [last]
10. trim() --- 文字列の先頭と末尾のスペースのみを削除できます
11. toLocaleUpperCase() //大文字に変換
toLocaleLowerCase() //小文字に変換
12. replace(a,b) --- a を b に置き換える
split() --- セパレータを使用して文字列を配列に分割します (文字列から配列)

Javascriptの基礎知識と組み込みオブジェクトに関する知識についての記事はこれで終わりです。Javascriptの組み込みオブジェクトについてさらに詳しく知りたい方は、123WORDPRESS.COMの過去の記事を検索するか、以下の関連記事を引き続きご覧ください。今後とも123WORDPRESS.COMをよろしくお願いいたします。

以下もご興味があるかもしれません: