JS——流程控制,函数,数组

简介: JS——流程控制,函数,数组

JS流程控制/函数/数组

分支流程控制

// 1 . if 的语法结构
        if (条件表达式1) {
            //执行语句1
        } else if(条件表达式2) {
            //执行语句2
        } else if(条件表达式3) {
            //执行语句3
        } else {
            //执行语句4
        }

三元表达式 条件表达式 ? 表达式1 : 表达式2

如果条件表达式结果为真 则返回表达式1的值 如果条件表达式结果为假 则返回表达式2的值

可以简化代码,代替if语据

switch 语句 匹配的值 全等

switch(表达式) {
    case value1:
        执行语句1;
        break;
    case value2:
        执行语句2;
        break;
    case value3:
        执行语句3;
        break;
    // ...
    default:
        执行语句4;
}
//循环结构
//1 . for循环
 // continue 关键字  
 // break 关键字
    for(初始化变量; 条件表达式;操作表达式) {
        if(条件表达式) {
            continue; //退出本次循环,跳到操作表达式
        } else {
            执行语句
            break;    //退出整个循环
        }
    }
// 1 . 数组(Array) :
      var arr = new Array();   //创建数组
      var arr = [1, 2, '我', '你', true];   //字面量,创建数组,数组内的数据称为数组元素
      console.log(arr);    //获取全部
      //访问  数组名[索引下标]
      console.log(arr[2]);
      // 遍历数组
      for (var i = 0;i < arr.length;i++) {
          console.log(arr[i]);
      }
      //新增数组元素
      arr[5] = 'pink';  //追加数组元素
      arr[0] = 8;     //修改
      //不能直接给数组名赋值
       // 冒泡排序法        把一系列数据按照一定顺序 排序
      var arr1 = [76,90,30,12,54,86,3,8,4];
  for(var j = 0;j <= arr1.length-1;j++) {
          for(var i = 0;i <= arr1.length-1-i;i++) {
          if(arr1[i]>arr1[i+1]) {
              var temp = arr1[i+1];
              arr1[i+1] = arr1[i];
              arr[i] = temp;
          }
      }
  }
    ```

函数就是封装了一段可以被重复执行调用的代码块 目的: 让代码重复使用

  1. 声明函数
// function 函数名() {
    //     函数体
    // }         1)function 声明函数的关键字 全部小写 
     2. 调用函数
     函数名()
    // 函数的封装
    // 函数的参数 (形参与实参)
    // function 函数名(形参1,形参2...) {
// }
// 函数名(实参1,实参2...);

函数形参与实参个数的匹配

1.实参个数>形参个数,取到形参个数

2.实参个数<形参个数,多余的形参定义为 undefined 最终结果为NaN

//函数的返回值
function 函数名() {
    return 需要返回的结果;
}
    函数名();

1)函数实现某种功能,最终结果返回给函数的调用者函数名(),通过return 实现.

2)只要函数遇见return,就把后面的结果 返回给函数的调用者

函数名() = return后面的结果

return 终止函数,

只能返回一个值,若用逗号隔开,返回最后一个值

若想返回多个值,用数组即可

function getResult(num1,num2,num3) {
    return [num1+num2,num1,num2,num1-num2]
}
getResult(1,2,45);

argument的使用

function fn() {
    console.log(arguments);   //里面储存了所有传递过来的实参
    console.log(arguments.length);
    //按照数组方式遍历数组
}
fn(1,2,3);
伪数组 并不是真正意义上的数组
1 . 具有数组 length 属性 
2.按照索引的方式进行存储 
3.没有真正数组的一些方法


相关文章
|
1月前
|
JavaScript 前端开发 Java
[JS]同事:这次就算了,下班回去赶紧补补内置函数,再犯肯定被主管骂
本文介绍了JavaScript中常用的函数和方法,包括通用函数、Global对象函数以及数组相关函数。详细列出了每个函数的参数、返回值及使用说明,并提供了示例代码。文章强调了函数的学习应结合源码和实践,适合JavaScript初学者和进阶开发者参考。
42 2
[JS]同事:这次就算了,下班回去赶紧补补内置函数,再犯肯定被主管骂
|
1月前
|
监控 JavaScript 算法
深度剖析 Vue.js 响应式原理:从数据劫持到视图更新的全流程详解
本文深入解析Vue.js的响应式机制,从数据劫持到视图更新的全过程,详细讲解了其实现原理和运作流程。
|
1月前
|
前端开发 JavaScript 开发者
除了 Generator 函数,还有哪些 JavaScript 异步编程解决方案?
【10月更文挑战第30天】开发者可以根据具体的项目情况选择合适的方式来处理异步操作,以实现高效、可读和易于维护的代码。
|
2月前
|
JavaScript 前端开发
JavaScript 函数语法
JavaScript 函数是使用 `function` 关键词定义的代码块,可在调用时执行特定任务。函数可以无参或带参,参数用于传递值并在函数内部使用。函数调用可在事件触发时进行,如用户点击按钮。JavaScript 对大小写敏感,函数名和关键词必须严格匹配。示例中展示了如何通过不同参数调用函数以生成不同的输出。
|
2月前
|
存储 JavaScript 前端开发
JS函数提升 变量提升
【10月更文挑战第6天】函数提升和变量提升是 JavaScript 语言的重要特性,但它们也可能带来一些困惑和潜在的问题。通过深入理解和掌握它们的原理和表现,开发者可以更好地编写和维护 JavaScript 代码,避免因不了解这些机制而导致的错误和不一致。同时,不断提高对执行上下文等相关概念的认识,将有助于提升对 JavaScript 语言的整体理解和运用能力。
|
2月前
|
自然语言处理 前端开发 JavaScript
🛠️ JavaScript数组操作指南:20个精通必备技巧🚀
本文详细介绍了 JavaScript 中的 20 个高效数组操作技巧,涵盖了从基本的添加、移除元素,到数组转换和去重等高级操作。强调了不可变性的重要性,提供了清晰的代码示例,帮助开发者编写更整洁和高效的代码。无论是新手还是经验丰富的开发者,这些技巧都将显著提升您的编码能力,使您在项目中更具竞争力。
39 2
|
2月前
|
JavaScript 前端开发 测试技术
JS都有哪些操作数组的方法
JS都有哪些操作数组的方法
29 3
|
2月前
|
JavaScript 前端开发
js教程——函数
js教程——函数
44 4
|
2月前
|
缓存 JavaScript 前端开发
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
49 1
|
2月前
|
存储 JavaScript 前端开发
js中函数、方法、对象的区别
js中函数、方法、对象的区别
21 2