美文网首页
05-JavaScript函数

05-JavaScript函数

作者: flowerflower | 来源:发表于2017-08-18 12:07 被阅读13次

函数三要素:功能参数返回值

1.函数定义和调用

<script>
       //1.定义函数
          function getSum(m) {
              var  sum = 0;
              for(var i = 0;i<= m;i++){
                  sum += i;
              }
              console.log(sum);//55
          }
          //2.调用函数
          getSum(10);
</script>

2.函数返回值

    <script>
         function  getSum(n,m) {
        var sum = 0;
             for(var i = n;i <= m;i++){
                 sum += i;
             }
             return sum;
         }
        console.log(getSum(1,2)); //3
    </script>

3.函数应用

3.1 计算m-n之间的和
<script>
   var Sum1= 0 ;
        //m,n是形参
          function getSum1(m,n) {
              for(var i = m;i<= n ;i++ ){
                  Sum1 +=i;
              }
              console.log(Sum1);
          }
        //实参
          getSum1(1,2); //3
</script>
3.2 求圆的面积
<script>
   function getArea(r) {
         //过滤undefined null "" 0 NaN
           r= r||0;
           var  PI = 3.14;
           return PI *r *r;
       }
       console.log(getArea(4)); //50.24
</script>
3.3 求2个数中的最大值
<script>
       function getMax(a,b) {
            return a>b?a:b;
        }
 console.log( getMax(10,12)); //12
</script>
3.4 求3个数中的最大值
<script>
  function  getMax1(a,b,c) {
            return (a>b?a:b)>c?(a>b?a:b):c;
        }
        console.log(getMax1(1,2,3)); //3
</script>
3.5 求数组中最大的值
<script>
      function  getMax1(a,b,c) {
            return (a>b?a:b)>c?(a>b?a:b):c;
        }
        console.log(getMax1(1,2,3)); //3
</script>
3.6 求数组中最小的值
<script>
     function getArrayMin(array) {
         array = array || [];
         var min = array[0];
         for (var i = 1; i < array.length; i++) {
             if (min > array[i]) {
                 min = array[i];
             }
         }
         return min;
     }
       console.log(getArrayMin([1234,12,11,1,34])); //1
</script>
Snip20170818_1.png
3.7 翻转数组,返回一个新的数组
<script>
   function reverseArray(array) {
           array = array ||[];
          var newArrray = [];
           for(var i = array.length -1;i >=0;i--){
               newArrray[newArrray.length] = array[i];
           }
           return newArrray;
       }
       console.log(reverseArray([1,2,3,4,5]));
</script>
3.8 对数组排序,从小到大
<script>
    //6.对数组排序,从小到大
       function getSort(array) {
             array =  array ||[];
           //a.外层循环,控制趟数
           for(var i = 0 ; i< array.length-1;i++){
                 var isSort = true;
               //b.内层循环,控制比较次数
               for(var j = 0; j<array.length-1-i;j++){
                   //c.判断 比较大小,决定是否交换位置
                   if(array[j]>array[j+1]){

                       var temp = array[j];
                       array[j] = array[j+1];
                       array[j+1] =temp;
                       isSort = false;
                   }
               }
               //d.判断是否已经完成排序
               if (isSort){
                   break;
               }

           }
           //e.返回数组
           return array;
       }
       console.log(getSort([123,456,78,76,5,43]));
</script>
Snip20170818_2.png

相关文章

  • 05-JavaScript函数

    函数三要素:功能、参数、返回值 1.函数定义和调用 2.函数返回值 3.函数应用 3.1 计算m-n之间的和 3...

  • 05-JavaScript数组

    JavaScript数组 专门用于存储一组数据的,不是基本数据类型,是引用数据类型(对象类型) 创建数组let 变...

  • 05-JavaScript基础[Python]

    一、javascript组成 JavaScript由三部分组成:1. 核心(ECMAScript)2. 浏览器对象...

  • 05-JavaScript基础[Python]

    一、javascript组成 JavaScript由三部分组成:1. 核心(ECMAScript)2. 浏览器对象...

  • 05-JavaScript运算符

    运算符基本概念 JavaScript运算符的概念和C语言一样, 都是告诉程序执行特定算术或逻辑操作的符号。 运算符...

  • 05-JavaScript流程控制

    Switch选择结构 case后面可以放常量也可以放变量 如果case后面是一个表达式, 会先计算表达式的值, 再...

  • 05-javascript基础学习笔记

    1.节点的操作### 根据后台返还的数据来创建节点,之前写的操作:写好页面结构,通过dom树获取节点,再对获取的节...

  • 05-JavaScript基础-算数运算符

    运算符基本概念 运算符是告诉程序执行特定算术或逻辑操作的符号。· 例如告诉程序, 某两个数相加, 相减等 运算符分...

  • 05-JavaScript基础-流程控制语句

    文章配套视频 https://study.163.com/course/introduction/10059730...

  • 05-JavaScript基础-算数运算符

    运算符基本概念 运算符是告诉程序执行特定算术或逻辑操作的符号。例如告诉程序, 某两个数相加, 相减等 运算符分类 ...

网友评论

      本文标题:05-JavaScript函数

      本文链接:https://www.haomeiwen.com/subject/blvgrxtx.html