JavaScript函数案例3个练习

前期整理的JavaScript内容18篇附在文章末尾

案例 1： 利用函数封装方式，翻转任意一个数组

function reverse(arr) {
var newArr = [];
for (var i = arr.length - 1; i >= 0; i--) {
newArr[newArr.length] = arr[i];
}
return newArr;
}
var arr1 = reverse([1, 3, 4, 6, 9]);
console.log(arr1);

案例 2： 利用函数封装方式，对数组排序 -- 冒泡排序

function sort(arr) {
for (var i = 0; i < arr.length - 1; i++) {
for (var j = 0; j < arr.length - i - 1; j++) {
if (arr[j] > arr[j + 1]) {
var temp = arr[j];
arr[j] = arr[j + 1];
arr[j + 1] = temp;
}
}
}
return arr;
}

案例 3： 判断闰年

要求：输入一个年份，判断是否是闰年（闰年：能被4整除并且不能被100整数，或者能被400整除）

function isRun(year) {
     var flag = false;
     if (year % 4 === 0 && year % 100 !== 0 || year % 400 === 0) {
        flag = true;
     }
    return flag;
}
console.log(isRun(2010));
console.log(isRun(2012));

函数可以调用另外一个函数

因为每个函数都是独立的代码块，用于完成特殊任务，因此经常会用到函数相互调用的情况。

因为每个函数都是独立的代码块，用于完成特殊任务，因此经常会用到函数相互调用的情况。

function fn1() {
  console.log(111);
  fn2();
  console.log('fn1');
}
function fn2() {
  console.log(222);
  console.log('fn2');
}
fn1();

JavaScript的相关学习资料：

•  认识JavaScript到初体验
• JavaScript 注释以及输入输出语句
• JavaScript变量的使用、语法扩展、命名规范
• JavaScript数据类型简介以及简单的数据类型
• JavaScript获取变量数据类型
• JavaScript 运算符&算数运算符
• JavaScript递增和递减运算符
• JavaScript：比较运算符和逻辑运算符
• JavaScript：赋值运算符以及运算符优先级
• JavaScript 流程控制-实际案例学习if语句
• JavaScript三元表达式&分支流程控制 switch
• JavaScript的for循环学不明白看这篇
• 案例方式学习JavaScript双重for循环
• JavaScript遍历数组，附5个案例
• JavaScript函数的概念和使用
• JavaScript函数的参数
• JavaScript的返回值
• JavaScript函数：arguments的使用

---

黑马前端专栏干货多多，关注再学，好方便~

2022年前端学习路线图：课程、源码、笔记，技术栈  另外此线路图实时更新！需要课后资料的友友们，可以直接告诉我。