当前位置:首页 > 技术 > 正文内容

JavaScript流程控制、函数与对象基础

访客 技术 2026年5月31日 1

流程控制

条件语句

单分支if

if (condition) {
  // 条件满足时执行
}

双分支if-else

if (condition) {
  // 条件满足时执行
} else {
  // 条件不满足时执行
}
let score = 75;
if (score >= 90) {
  console.log("优秀");
} else {
  console.log("继续努力");
}
// 输出:继续努力

多分支if-else if

if (condition1) {
  // 条件1满足
} else if (condition2) {
  // 条件2满足
} else {
  // 所有条件不满足
}
let temp = 25;
if (temp > 30) {
  console.log("炎热");
} else if (temp > 20) {
  console.log("舒适");
} else {
  console.log("凉爽");
}
// 输出:舒适

Switch语句

let fruit = "apple";
switch (fruit) {
  case "banana":
    console.log("黄色");
    break;
  case "apple":
    console.log("红色");
    break;
  default:
    console.log("未知水果");
}
// 输出:红色

循环结构

While循环

let counter = 3;
while (counter > 0) {
  console.log(counter);
  counter--;
}
// 输出:3 2 1

For循环

for (let i = 0; i < 5; i++) {
  console.log(i * 2);
}
// 输出:0 2 4 6 8

For...of循环

const colors = ["red", "green", "blue"];
for (const color of colors) {
  console.log(color.toUpperCase());
}
// 输出:RED GREEN BLUE

For...in循环

const user = { name: "Tom", age: 30 };
for (const key in user) {
  if (user.hasOwnProperty(key)) {
    console.log(`${key}: ${user[key]}`);
  }
}
// 输出:name: Tom age: 30

三元运算符

const isMember = true;
const fee = isMember ? 10 : 20;
console.log(fee); // 输出:10

函数

函数定义

function greet(user) {
  return `Hello, ${user}!`;
}
console.log(greet("Alice")); // 输出:Hello, Alice!

参数处理

function displayArgs() {
  console.log(arguments.length);
}
displayArgs(1, 2, 3); // 输出:3

箭头函数

const square = num => num * num;
console.log(square(5)); // 输出:25

const add = (a, b) => a + b;
console.log(add(3, 7)); // 输出:10

对象

对象创建

const book = {
  title: "JavaScript指南",
  author: "张三",
  price: 99
};
console.log(book.title); // 输出:JavaScript指南

日期对象

const now = new Date();
console.log(now.getFullYear()); // 输出当前年份
console.log(now.getMonth() + 1); // 输出当前月份

JSON处理

const data = { id: 1, name: "测试" };
const jsonStr = JSON.stringify(data);
console.log(jsonStr); // 输出:{"id":1,"name":"测试"}

const parsedData = JSON.parse(jsonStr);
console.log(parsedData.name); // 输出:测试

正则表达式

const emailPattern = /^\w+@\w+\.\w+$/;
console.log(emailPattern.test("test@example.com")); // 输出:true
console.log(emailPattern.test("invalid-email")); // 输出:false
标签: 条件语句

相关文章

Linux crontab 详解

1) crontab 是什么cron 是 Linux 的定时任务守护进程;crontab 是用来编辑/查看“按时间周期执行命令”的表(cron table)。常见两类:用户 crontab:每个用户一份(crontab -e 编辑)系统级 crontab / cron.d:可指定执行用户(/etc/crontab、/etc/cron.d/*)2) crontab 时间...

富文本里可以允许的 HTML 属性

一、所有标签默认允许的安全属性(极少)class        (可选)id           (通常建议禁用)title️ 注意:id 容易被滥用做锚点注入,很多系统直接禁用class 允许的话最好只允许固定前缀(如 editor-*)二、a 标签允许属性<a href="" t...

Mac 安装 Node.js 指南

方法一:通过官网安装包(最简单,适合初学者)如果你只是想快速安装并开始使用,这是最直接的方法。访问 Node.js 官网。页面会显示两个版本:LTS (Recommended For Most Users):长期支持版,最稳定。建议选这个。Current:最新特性版,包含最新功能但可能不够稳定。下载 .pkg 安装包并运行。按照安装向导点击“下一步”即可完成。方法二:使用 Homebrew 安装(...

Dom\HTML_NO_DEFAULT_NS 的副作用:自动加闭合标签

在使用Dom\HTMLDocument时,Dom\HTML_NO_DEFAULT_NS 将禁止在解析过程中设置元素的命名空间, 此设置是为了与DOMDocument向后兼容而存在的。当使用它时,已知的一个副作用就是:自动加闭合标签例如 </img> 为什么会这样?当你使用:Dom\HTML_NO_DEFAULT_NS文档会变成 无命名空间模式,此时内部更接近 XML...

Laravel 事件和监听器创建

在 Laravel 中,使用 Artisan 命令创建 Events(事件) 和 Listeners(监听器) 是非常高效的。你可以通过以下几种方式来实现:1. 手动创建单个 Event如果你只想创建一个事件类,可以使用 make:event 命令:Bashphp artisan make:event UserRegistered执行后,文件将生成在 app/Even...

自定义域名解析神器 dnsmasq

什么是 dnsmasq?dnsmasq 是一个轻量级、功能强大的网络服务工具,专为小型和中等规模网络设计。它是一个综合的网络基础设施解决方案[1]。dnsmasq 能做什么?功能说明应用场景DNS 转发与缓存将 DNS 查询转发到上游服务器(ISP、Google DNS 等),并在本地缓存结果加快 DNS 查询速度,减少外部 DNS 流量本地 DNS解析本地网络设备的主机名,无需编辑&n...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。