1. 組み込みオブジェクト組み込みオブジェクトとは、JS 言語に付属するいくつかのオブジェクトを指します。これらのオブジェクトは開発者が使用するためのもので、一般的に使用される、または最も基本的で必要な機能 (プロパティとメソッド) を提供します。組み込みオブジェクトの最大の利点は、迅速な開発に役立つことです。 2. 数学オブジェクト
1. Mathオブジェクトの使用Math.abs(x): xの絶対値を返します。Math.pow(x,y): xのy乗を返します。Math.sqrt(x): xの平方根を返します。Math.random(): 疑似乱数(0.0~1.0)を返します。 Math.round(x): x を四捨五入した後の最も近い整数を返します。Math.floor(x): x 以下の最大の整数を返します。 (切り捨て) Math.ceil(x): この関数は、x 以上の最小の整数を返します (切り上げ) Math.max(): パラメータの最大値を返します。Math.min(): パラメータの最小値を返します。
以下のように表示されます。 console.log('Math.abs(-2)='+Math.abs(-2)); console.log('Math.ceil(1.7)='+Math.ceil(1.7)); console.log('Math.floor(1.7)='+Math.floor(1.7)); console.log('Math.pow(2,3)='+Math.pow(2,3)); console.log('Math.sqrt(3)='+Math.sqrt(3)); console.log('Math.round(3.4)='+Math.round(3.4)); console.log('Math.round(3.6)='+Math.round(3.6)); console.log('Math.max(1,2)='+Math.max(1,2)); console.log('Math.min(1,2)='+Math.min(1,2)); 印刷結果は次のとおりです。 2. 指定された範囲内で乱数を生成する1 から 10 までの乱数を生成する関数をカプセル化します。 コードは次のとおりです。 関数ランダム(最小値,最大値){ Math.floor(Math.random()*(max-min+1))+min を返します。 } (var i =1;i<=10;i++){ console.log('+i+'番目の出力の結果は: '+random(1,10)); } ランダムプリントアウトの結果は次のとおりです。 このうち、 3. 日付オブジェクト
1. Date() メソッドの使用現在の時刻を取得するには、以下をインスタンス化する必要があります。 var now = 新しい Date(); console.log(現在); Date() コンストラクターのパラメーター:
例えば: var date1 = 新しい日付() コンソールログ('date1='+date1); var date2 = 新しい日付(2021,11,08,20,51); コンソールログ('date2='+date2); date3 = 新しい日付('2021-11-08 20:54') コンソールログ('date3='+date3); 出力は次のようになります。 2. 日付オブジェクトの使用get メソッドの使用: 例えば: var date1 = 新しい日付() コンソールログ('date1='+date1); console.log('今年は:' + date1.getFullYear() + 'year'); console.log('今月は:' + date1.getMonth() + '月'); console.log('今日は:' + date1.getDate() + 'number'); console.log('現在は: '+date1.getHours()+''); console.log('現在は:' + date1.getMinutes() + '分'); 結果は次のとおりです。 set メソッドの使用: 例えば: var date1 = 新しい日付() コンソールログ(日付1); date1.setFullYear(2020) コンソールログ(日付1); 印刷された結果は次のとおりです。 3. タイムスタンプを取得する日付オブジェクトの valueof() または getTime() メソッドを通じて: var date1 = 新しい Date(); コンソールにログ出力します。 コンソールにログ出力します。 数値型に変換するには、「+」演算子を使用します。 var date2 = +新しい日付(); コンソールログ(日付2); HTML5 の新しい Date.now() メソッドを使用します。 コンソールにログ出力します。 4. 配列オブジェクト1. 配列オブジェクトの作成配列オブジェクトを作成するには 2 つの方法があります。
2. 配列かどうか確認する
以下のように表示されます。 var arr = [1,2,3,4]; var obj = {}; console.log(arr 配列のインスタンス); console.log(obj インスタンスの配列); console.log(Array.isArray(arr)); console.log(Array.isArray(obj)); 3. 配列要素の追加と削除の方法 注:
var arr = [1500、1200、2000、2100、1800]; var newArr = []; for(var i=0;i<arr.length;i++){ もしarr[i]<2000であれば 新しいArr.push(arr[i]); } } コンソールにログ出力します。 印刷された結果は次のとおりです。 4. 配列のソート
例えば: 配列を反転します。 var arr = [1500、1200、2000、2100、1800]; コンソールにログ出力します。 コンソールにログ出力します。 配列をソートする: var arr = [1500、1200、2000、2100、1800]; コンソールにログ出力します。 var newArr = arr.sort(関数(a,b){ return ab; // 昇順 return ba; // 降順 }) コンソールにログ出力します。 印刷された結果は次のとおりです。 5. 配列のインデックス方法
例えば: var arr = [1500, 1200, 2000,1500, 2100, 1500,1800]; console.log('arr.indexOf(1500):' + arr.indexOf(1500)); コンソールログ('arr.lastIndexOf(1500):'+arr.lastIndexOf(1500)); 印刷された結果は次のとおりです。 アレイ重複排除の例: 配列 ['c', 'a', 'z', 'a', 'x', 'a', 'x', 'c', 'b'] が与えられた場合、配列から重複する要素を削除する必要があります。 コードは次のとおりです。 var arr = ['c', 'a', 'z', 'a','x', 'a', 'x', 'c', 'b']; var newArr = []; for(var i =0;i<arr.length;i++){ (newArr.indexOf(arr[i]) === -1 の場合) { 新しいArr.push(arr[i]); } } コンソールにログ出力します。 印刷された結果は次のとおりです。 6. 配列から文字列への変換
例えば: var arr = ['a', 'b', 'c']; コンソールにログ出力します。 console.log(arr.toString()); // 出力: a,b,c // join() を使用する console.log(arr.join()); // 出力: a,b,c console.log(arr.join('')); // 出力: abc console.log(arr.join('-')); // 出力: abc 5. 文字列オブジェクト1. 文字に応じて位置を返す
たとえば、文字列セット内の指定されたすべての要素の位置と出現回数を見つける必要があります。文字列は「Hello World, Hello JavaScript」です。 コードは次のとおりです。 var str = 'Hello World、Hello JavaScript'; コンソールログ(str); var index = str.indexOf('o'); var 数値 = 0; while (インデックス != -1) { console.log(index); // 順番に出力: 4、7、17 インデックス = str.indexOf('o', インデックス + 1); 数値++; } console.log('o の出現回数: ' + num); // o の出現回数: 3 印刷された結果は次のとおりです。 2. 位置によって文字を返す例えば: var str = 'Apple'; console.log(str.charAt(3)); // 出力: 1 console.log(str.charCodeAt(0)); // 出力: 65 (文字 A の ASCII コードは 65 です) console.log(str[0]); // 出力: A 例えば、 var str = 'Apple'; // ステップ 1、各文字の出現回数をカウントします var o = {}; (var i = 0; i < str.length; i++) の場合 { var chars = str.charAt(i); // chars を使用して文字列内の各文字を保存します if (o[chars]) { // オブジェクトのプロパティを使用して要素の検索を容易にします o[chars]++; } そうでない場合 { o[chars] = 1; } } コンソールにログ出力します。 印刷結果は次のとおりです。 3. 文字列操作メソッドvar str = 'HelloWorld'; str.concat('!'); // 文字列の末尾の文字を連結します。結果: HelloWorld! str.slice(1, 3); // 位置1から位置3までのコンテンツを抽出します。結果: el str.substring(5); // 位置5から末尾までの内容を抽出します。結果: World str.substring(5, 7); // 位置5から位置7までのコンテンツをインターセプトします。結果: Wo str.substr(5); // 位置5から文字列の末尾までの内容をインターセプトします。結果: World str.toLowerCase(); // 文字列を小文字に変換します。結果: helloworld str.toUpperCase(); // 文字列を大文字に変換します。結果: HELLOWORLD str.split('l'); // "l" を使用して文字列を分割します。結果: ["He", "", "oWor", "d"] str.replace('World', '!'); // 文字列を置換、結果: "Hello!" 4. split() メソッド
var str = 'a,b,c,d'; コンソールログ(str); console.log(str.split(',')); // 配列 [a, b, c, d] を返します 以下もご興味があるかもしれません:
|
<<: 優れたウェブワイヤーフレーム設計・制作ツール13選を紹介
>>: CSS3で線形グラデーションを実装するためのコードの詳細な説明
1. mysqlbackup の紹介mysqlbackup は、MySQL Enterprise B...
この記事を読む前に、ボリューム、バインドマウント、tmpfs マウントの基本を理解しておいてください...
selinux ( Security-Enhanced Linux)は、Linux カーネル モジュ...
1. 依存パッケージをインストールする [root@localhost ~]# yum insta...
MySQL 論理アーキテクチャの概要他のデータベースと比較すると、MySQL は、そのアーキテクチャ...
Tomcatの設定まずTomcatをインストールするTomcatのインストールは、Tomcatのイン...
1. pytorch公式サイトから対応するインストールファイルをダウンロードします。 https:...
1. MySQLデータベースのユーザーテーブルのレコードのHostフィールド値を%に変更します。奇妙...
データベースのパフォーマンスに関する話面接では、「データベースにどのくらい精通していますか?」など、...
iframe を使用すると、他の Web サイトのページを簡単に呼び出すことができますが、注意して使...
原因外部ファイルをミニプログラムにインポートする方法は次のとおりです: @import "...
検索テキストボックスにテキストを設定すると、フォーカスを外すと位置がジャンプしますコードをコピーコー...
問題を見つける最近、以前のデータを入力していたときに、プログラムが突然次のエラーを報告しました。 [...
目次質問:答え:現実:知識ポイント結論は:要約する質問: MySQLフィールド、unsigned i...
目次序文デザイン成し遂げるまとめ序文最近は、いつも延々とスワイプしています。 Weibo をチェック...