JavaScript基础的案例及代码

案例1:计算两个数的和

javascript 复制代码
var num1 = 5;
var num2 = 10;
var sum = num1 + num2;
console.log("两个数的和是:" + sum);
 

案例2:判断一个数是否是偶数

javascript 复制代码
var num = 7;
if (num % 2 === 0) {
  console.log(num + "是偶数");
} else {
  console.log(num + "是奇数");
}
 

案例3:计算数组中所有元素的平均值

javascript 复制代码
var numbers = [1, 2, 3, 4, 5];
var sum = 0;
for (var i = 0; i < numbers.length; i++) {
  sum += numbers[i];
}
var average = sum / numbers.length;
console.log("平均值是:" + average);
 

案例4:找出数组中的最大值

javascript 复制代码
var numbers = [2, 5, 1, 9, 3];
var max = numbers[0];
for (var i = 1; i < numbers.length; i++) {
  if (numbers[i] > max) {
    max = numbers[i];
  }
}
console.log("数组中的最大值是:" + max);
 

案例5:反转字符串

javascript 复制代码
var str = "Hello World!";
var reversedStr = "";
for (var i = str.length - 1; i >= 0; i--) {
  reversedStr += str[i];
}
console.log("反转后的字符串是:" + reversedStr);
 

案例6:判断一个字符串是否是回文

javascript 复制代码
var str = "level";
var reversedStr = "";
for (var i = str.length - 1; i >= 0; i--) {
  reversedStr += str[i];
}
if (str === reversedStr) {
  console.log(str + "是回文");
} else {
  console.log(str + "不是回文");
}
 

案例7:生成指定范围内的随机整数

javascript 复制代码
var min = 1;
var max = 10;
var randomNum = Math.floor(Math.random() * (max - min + 1)) + min;
console.log("随机数是:" + randomNum);
 

案例8:获取当前日期和时间

javascript 复制代码
var now = new Date();
console.log("当前日期和时间是:" + now);
 

案例9:将字符串转换为大写

javascript 复制代码
var str = "hello world!";
var upperCaseStr = str.toUpperCase();
console.log("转换为大写后的字符串是:" + upperCaseStr);
 

案例10:计算阶乘

javascript 复制代码
function factorial(num) {
  if (num === 0) {
    return 1;
  } else {
    return num * factorial(num - 1);
  }
}

var num = 5;
var result = factorial(num);
console.log(num + "的阶乘是:" + result);
 
相关推荐
TonyH2002几秒前
webpack 4 的 30 个步骤构建 react 开发环境
前端·css·react.js·webpack·postcss·打包
你会发光哎u5 分钟前
Webpack模式-Resolve-本地服务器
服务器·前端·webpack
王小二(海阔天空)5 分钟前
个人文章合集 - 前端相关
前端·css·vue·jquery
平凡的小码农7 分钟前
JAVA实现大写金额转小写金额
java·开发语言
老华带你飞14 分钟前
公寓管理系统|SprinBoot+vue夕阳红公寓管理系统(源码+数据库+文档)
java·前端·javascript·数据库·vue.js·spring boot·课程设计
yttandb22 分钟前
重生到现代之从零开始的C语言生活》—— 内存的存储
c语言·开发语言·生活
我明天再来学Web渗透25 分钟前
【hot100-java】【二叉树的层序遍历】
java·开发语言·数据库·sql·算法·排序算法
gopher951131 分钟前
HTML详解
前端·html
Tiny201732 分钟前
前端模块化CommonJs、ESM、AMD总结
前端
吕永强34 分钟前
CSS相关属性和显示模式
前端·css·css3