const name="太郎";
// 数字を保持
const price=1500;

用例をコピー

let count=0;count++;
// 値を更新
let score=10;score+=5;

用例をコピー

typeof 123;
// 文字列の型
typeof "hello";

用例をコピー

Number("42");
// 入力値を数値へ
Number("3.14");

用例をコピー

String(123);
// 真偽値を文字へ
String(true);

用例をコピー

Boolean(1);
// 空文字はfalse
Boolean("");

用例をコピー

Math.round(3.6);
// 小数第一位に丸める
Math.round(1.56*10)/10;

用例をコピー

Math.floor(3.9);
// 乱数と組み合わせ
Math.floor(Math.random()*10);

用例をコピー

Math.random();
// 1〜6の乱数
Math.floor(Math.random()*6)+1;

用例をコピー

2**3;
// 平方を求める
5**2;

用例をコピー

if(age>=18){alert("成人");}else{alert("未成年");}
// 合格判定
if(score>=60){console.log("合格");}

用例をコピー

3===3;
// 文字と数字を区別
"3"===3;

用例をコピー

age>=18&&member;
// どちらかがtrue
isAdmin||isOwner;

用例をコピー

switch(day){case 1:break;default:break;}
// 条件が多い時に整理
switch(status){case "ok":break;}

用例をコピー

for(let i=0;i<3;i++){console.log(i);}
// 1から5を出力
for(let i=1;i<=5;i++){console.log(i);}

用例をコピー

let i=0;while(i<3){i++;}
// 条件に注意
while(false){console.log("実行なし");}

用例をコピー

for(const x of [1,2,3]){console.log(x);}
// 文字列も対象
for(const c of "ABC"){console.log(c);}

用例をコピー

try{JSON.parse("{");}catch(e){console.error(e);}
// 処理の失敗に対応
try{risky();}catch(e){console.log("失敗");}

用例をコピー

function add(a,b){return a+b;}
// 呼び出し
add(2,3);

用例をコピー

const double=n=>n*2;
// 短い処理
[1,2].map(x=>x*2);

用例をコピー

function square(n){return n*n;}
// 早期終了
function f(x){if(!x)return 0;return x;}

用例をコピー

const a=[1];a.push(2);
// 複数を追加
a.push(3,4);

用例をコピー

[1,2,3].map(x=>x*2);
// 文字列を変換
["a","b"].map(x=>x.toUpperCase());

用例をコピー

[1,2,3].filter(x=>x>1);
// 偶数のみ
[1,2,3,4].filter(x=>x%2===0);

用例をコピー

[2,5,8].find(x=>x>4);
// オブジェクト検索
[{id:1},{id:2}].find(x=>x.id===2);

用例をコピー

[1,2].forEach(x=>console.log(x));
// 文字を順に表示
["A","B"].forEach(console.log);

用例をコピー

[1,2,3].reduce((a,b)=>a+b,0);
// 合計金額を計算
[100,200].reduce((sum,n)=>sum+n,0);

用例をコピー

Object.keys({a:1,b:2});
// 件数を調べる
Object.keys({x:1}).length;

用例をコピー

JSON.stringify({name:"花子"});
// 保存用に変換
localStorage.setItem("data",JSON.stringify({n:1}));

用例をコピー

JSON.parse('{"a":1}');
// 保存データの読込
JSON.parse('{"ok":true}');

用例をコピー

"JavaScript".includes("Script");
// 部分一致検索
"CSS入門".includes("CSS");

用例をコピー

"abc".replace("a","A");
// 一括置換
"a-a".replaceAll("a","b");

用例をコピー

"a,b,c".split(",");
// 空白で区切る
"A B".split(" ");

用例をコピー

"  test  ".trim();
// 入力の整理
" 名前 ".trim();

用例をコピー

"hello".toUpperCase();
// 小文字に変える
"ABC".toLowerCase();

用例をコピー

const n="花子";`こんにちは${n}さん`;
// 計算も可能
`合計${100+50}円`;

用例をコピー

const now=new Date();
// 日時を指定
new Date("2026-01-01");

用例をコピー

new Date().toLocaleDateString("ja-JP");
// 曜日も表示
new Date().toLocaleDateString("ja-JP",{weekday:"long"});

用例をコピー

setTimeout(()=>console.log("完了"),1000);
// 表示を遅らせる
setTimeout(()=>alert("1秒後"),1000);

用例をコピー

const id=setInterval(()=>console.log("更新"),60000);
// 停止する
clearInterval(id);

用例をコピー

document.querySelector("#result");
// クラスを指定
document.querySelector(".card");

用例をコピー

document.querySelectorAll(".item");
// 数を数える
document.querySelectorAll("button").length;

用例をコピー

document.getElementById("message");
// 文字を入れる
document.getElementById("message").textContent="こんにちは";

用例をコピー

el.textContent="こんにちは";
// HTMLを解釈しない
el.textContent="<b>文字</b>";

用例をコピー

el.innerHTML="<strong>重要</strong>";
// 外部入力を直接入れない
el.innerHTML="<em>例</em>";

用例をコピー

el.classList.add("active");
// 外す
el.classList.remove("active");

用例をコピー

el.classList.toggle("open");
// クリックで切替
button.addEventListener("click",()=>panel.classList.toggle("open"));

用例をコピー

button.addEventListener("click",()=>alert("押されました"));
// 入力に反応
input.addEventListener("input",e=>console.log(e.target.value));

用例をコピー

event.preventDefault();
// 送信を防ぐ
form.addEventListener("submit",e=>e.preventDefault());

用例をコピー

const li=document.createElement("li");
// 文字を入れる
li.textContent="項目";

用例をコピー

list.append(li);
// 複数も追加できる
list.append("追加",li);

用例をコピー

el.style.color="red";
// 原則はclass切替を推奨
el.style.display="none";

用例をコピー

button.closest(".card");
// 親フォームを見つける
input.closest("form");

用例をコピー

localStorage.setItem("theme","dark");
// 保存値は文字列
localStorage.setItem("score",String(90));

用例をコピー

localStorage.getItem("theme");
// なければ代替値
localStorage.getItem("theme")||"light";

用例をコピー

fetch("/api/items").then(r=>r.json()).then(console.log);
// 応答状態を確認
fetch("/data.json").then(r=>{if(!r.ok)throw Error(r.status);return r.json()});

用例をコピー

async function load(){const r=await fetch("/data.json");return r.json();}
// Promiseの完了を待つ
async function f(){return await Promise.resolve(5);}

用例をコピー

Promise.resolve(3).then(console.log);
// 失敗に備える
Promise.reject(Error("失敗")).catch(console.error);

用例をコピー

new URLSearchParams("a=1").get("a");
// 項目を追加
const p=new URLSearchParams();p.set("q","HTML");

用例をコピー

navigator.clipboard.writeText("コピーする文字");
// HTTPS等が必要
navigator.clipboard.writeText("ABC").catch(console.error);

用例をコピー

console.log("確認",123);
// 変数を出力
console.log({name:"太郎"});

用例をコピー