ブラウザで役立つ JavaScript の 11 のヒントとコツ

0
128
ソース: setscholars.net

プログラミング言語は、ソフトウェア プログラムを開発するためのプロセス、特定の一連の規則またはコマンドとして定義できます。 言語には XNUMX つのタイプがあります。 XNUMXつは「高水準言語」で、もうXNUMXつは「低水準言語」です。 高水準言語はコードを記述するプログラマーによって使用されますが、低水準言語はコンピューター ハードウェアによって認識される特定のコードです。

そのようなプログラミング言語の XNUMX つに「JavaScript」があります。 この包括的なプログラミング言語は、Web 開発に不可欠です。 Web アプリケーションでも使用されます。 それに伴い、ゲーム開発の分野でもこのJavaScriptが使われています。 HTML や CSS では利用できない Web ページで利用できる機能は、JavaScript を使用してアクセスできます。

ブラウザーを使用しているときに、JavaScript に関して学ぶことができるヒントやコツがたくさんあります。 これらのヒントをよく理解するには、以下を調査してください。

enablejavascript.io 自分自身を啓発する。 このようにして、この特定のジャンルであなたの知識が増えます。

JavaScript (通称 JS) には多くの利点があります。 それらのいくつかを以下に書き留めます。

  • 速度: JS を使用しているときに最初に気付くのは速度です。 この点で、JS のクライアント側は非常に効率的です。
  • よく知られている: JS は非常に人気のあるプログラミング言語です。 インターネットでどこでも見られます。
  • 明快さ: JS は非常に簡単に習得できます. 一度学べば、簡単に実装して実際に使用できます。
  • 多機能: 特にこのプログラミング言語は、相互運用性が非常に優れています。 他のすべての言語と非常に相性が良く、さまざまなアプリケーションに組み込むことができます。

以下は、お使いのブラウザーで役立つ JavaScript のヒントとコツのトップ 11 です。

1. コードのパフォーマンスを知る必要がありますか?

ソース:unsplash.com

多くの場合、ゲーム コードの開発が完了したら、コードがスムーズに動作するかどうかを確認する必要があります。 プログラムの構文に誤りがあると、ゲームの最終的な見通しが遅れます。 これが発生すると、それに費やしたすべての努力に対する功績が認められなくなります。 コードのパフォーマンスをチェックしながら、次のプロンプトを実行する必要があります。

{% code-block language="js" %}
let startAt = performance.now();
for (let k=0; k<30000; k++){ console.log(k); let endAt = performance.now(); console.log(“すべてのトリックを実行するための実行時間は、”, endAt-startAt,” ミリ秒です”) {% code-block-end %}

2. JavaScript で完璧を達成するための素早い力

この JavaScript プログラミングを上達させたい場合は、使用される基本的な構成要素を確実に理解する必要があります。 そのためには、JavaScript で絶対的な完成度を達成するために、以下に記述されたプロトコルに従ってください。

{% code-block language="js" %} console.log("2 ** 3: "+ 2 ** 3); {% コードブロック終了 %}

3. JavaScript で数値を文字列に変換する

ソース:unsplash.com

次の方法で、数値で記述された値を文字列に変換できます。

{% code-block language="js" %} const 値 = 1 + ""; console.log("値を文字列に変換: "+value); console.log(“値のタイプ: “, typeof value); {% コードブロック終了 %}

4. JavaScript で文字列を数値に変換する

文字列を数値に変更することは、もう XNUMX つの並べ替え変換です。 ここでの主なヒントとコツは、前に行ったこととは逆のことです (文字列に変更します)。 方法は次のとおりです。

{% code-block language="js" %} let int = "10"; int = +int console.log(“int の値: “+ int); console.log(“値のタイプ: “, typeof int); {% code-block-end %} また、ブール値を数値に変換することもできます。 以下に記述されたコードは次のとおりです。 {% code-block language=”js” %} console.log(“+true to number: ” + +true); console.log(“+ false to number: ” + + false); {% コードブロック終了 %}

5.値をブール型に変換する

ソース:unsplash.com

型の会話は、値を ブール形式. 次の手順は、型の値をブール形式に変換する場合に役立ちます。

{% code-block language="js" %} const isTrue = !0; const isFalse = !1; //isFalse=!!0 console.log(“結果は true になります: “+isTrue); console.log(“真のタイプは: “, typeof true); {% コードブロック終了 %}

6. JavaScript で整数を変換する

JS で整数を変換するためのもう XNUMX つのクールなヒントとコツを次に示します。

{% code-block language="js" %} console.log("27433/100 | 0: ", 27433/100 | 0);//274 {% コードブロック終了 %}

7. JavaScript で float を integer に変換する

ソース:unsplash.com

以下に記載されている手順に従うことで、JS で float を整数に簡単に変換できます。

{% code-block language="js" %} console.log("24.9 | 0: ", 24.9 | 0);//24 console.log("-24.9 | 0: ", -24.9 | 0);/ /24 {% コードブロック終了 %}

8. JavaScript で配列を比較する

数秒で JS の配列を比較する簡単で迅速な方法を以下に示します。

{% code-block language=”js” %} const hasSameElements = (a, b) => {
return a.length === b.length && a.every((v,i) => v===b[i])
}
console.log(“hasSameElements([1,2],[2,3]):“, hasSameElements([1,2],[2,3]));//false
console.log(“hasSameElements([1,2],[1,2]):“, hasSameElements([1,2],[1,2]));//真
{% コードブロック終了 %}

9. JavaScript の空の値と空でない値

ソース:unsplash.com

配列の融合で空でない値と空の値を取り除くことを常に確認する必要があります。 方法は次のとおりです。

{% code-block language="js" %}
const arr = [0,1,2,null,undefined,””,false];
const nonEmptyValues = arr.filter(Boolean);
console.log(“nonEmptyValues: “, nonEmptyValues); //[1, 2] {% コードブロック終了 %}

このようにして、偽の値とゼロの値をすべて簡単に削除できます。

10. JavaScript で特定の値を確認する

JS で空値と空でない値を確認する際に、「some」を「every」に置き換えた後、各値が空かどうかを調べることもできます。 方法は次のとおりです。

{% code-block language="js" %}
const arr = [0,1,2,null,undefined,””,false];
const hasEmptyEveryValues = arr.every(Boolean);
console.log(“hasEmptyEveryValues: “, hasEmptyEveryValues); // 間違い
{% コードブロック終了 %}

11. JavaScript で配列の最後の項目を組み込む

ソース:unsplash.com

配列内でいくつかの負の整数が発生することがあります。 以下に、この機能を検査する手順を示します。

{% code-block language="js" %}
let 配列 = [1, 2, 3, 4 ,5 ,6 ,7, 8, 9];
console.log(“array.slice(-1):”,array.slice(-1));//[9] console.log(“array.slice(-2):”,array.slice(-2) ));//[8, 9] console.log(“array.slice(-3): “,array.slice(-3));//[7, 8, 9] {% コードブロック終了%}

私たちの最終評決

これらのヒントとコツは、コーディングの速度を上げ、コードを強化するのに役立ちます。 いくつかの新しい情報を発見し、これらを日々のコーディングに適用していただければ幸いです。