JavaScript 函数

最新推荐文章于 2024-11-21 14:22:17 发布
原创 最新推荐文章于 2024-11-21 14:22:17 发布 · 515 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文深入探讨JavaScript中的数组操作，包括数组的增删改查、排序、反转等常见方法的使用技巧，通过实例演示如何高效利用这些方法进行数据处理。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
//        var array = new Array('张三', '李四', '王五', '赵六');
//        var array1 = array.slice(1);
//        alert(array1.toString());

//        var array = new Array('张三', '李四', '王五', '赵六');
//        var array1 = array.slice(0, 3);
        //        alert(array1.toString());

//        var array = new Array('张三', '李四', '王五', '赵六');
//        array.push('田七');
//        array.push('王八', '老九', '老十');
//        alert(array.toString());

//        var array = new Array('张三', '李四', '王五', '赵六');
//        var lastvalue = array.pop();
//        alert(lastvalue);
//        alert(array.toString());
//        var array = new Array('张三', '李四', '王五', '赵六');
//        var firstvalue = array.shift();
//        alert(firstvalue);
        //        alert(array.toString());

        //把一个项放在数组的第一个位置      
//        var array = new Array('张三', '李四', '王五', '赵六');
//        for (var item in array) {
//            document.write(array[item] + '的索引是' + item + '</br>');
//        }
//        array.unshift('第一项');
//        document.write('添加一项之后的数组元素包括' + array.toString() + '</br>');
//        for (var item in array) {
//            document.write(array[item] + '的索引是' + item + '</br>');
//        }
        //把多项放在数组的前面
//        var array = new Array('张三', '李四', '王五', '赵六');
//        for (var item in array) {
//            document.write(array[item] + '的索引是' + item + '</br>');
//        }
//        array.unshift('第一项', '第二项');
//        document.write('添加两项之后的数组元素包括' + array.toString() + '</br>');
//        for (var item in array) {
//            document.write(array[item] + '的索引是' + item + '</br>');
//        }
//        var array = new Array('张三', '李四', '王五', '赵六');
//        array.reverse();
        //        document.write(array.toString());

//        var array = new Array('李四', '张三', '赵六', '王五');
//        array.sort();
//        document.write(array.toString());

//        var array = new Array('李四', '张三', '赵六', '王五');
//        array.splice(1, 0);
//        document.write(array.toString());

//        var array = new Array('李四', '张三', '赵六', '王五');
//        array.splice(1, 1);
//        document.write(array.toString());

//        var array = new Array('李四', '张三', '赵六', '王五');
//        array.splice(1, 2);
        //        document.write(array.toString());
//        var array = new Array('李四', '张三', '赵六', '王五');
//        array.splice(1, 0, '新添加项');
        //        document.write(array.toString());

//        var array = new Array('李四', '张三', '赵六', '王五');
//        array.splice(1, 1, '新添加项');
        //        document.write(array.toString());

//        var array = new Array('李四', '张三', '赵六', '王五');
//        array.splice(1, 2, '新添加项');
//        document.write(array.toString());

//        var array = new Array('李四', '张三', '赵六', '王五');
//        array.splice(1, 2, '第一项', '第二项');
//        document.write(array.toString());

//        var thedate = new Date();
//        var month = thedate.getMonth() + 1;
//        document.write('当前月份是' + month + '月');

//        var thedate = new Date(2012, 3, 1);
//        var thedate = new Date('3 mar 2012');
//        document.write('给定月份是' + thedate.getMonth() + '月');

//        var thedate = new Date(2012, 2, 1);
//        document.write(thedate.toTimeString());

        // var thedate = new Date(2012, 2, 1, 13, 10, 02); document.write              (thedate.toLocaleTimeString());

//        var thedate = new Date(2012, 2, 1, 13, 10, 02);
        //        document.write(thedate.toLocaleString());

        var thedate = new Date(2012, 2, 1, 13, 10, 02, 476);
        thedate.setFullYear(2013)
        document.write(thedate.getFullYear());

 

 


    </script>
</head>
<body>

</body>
</html>

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        var thedate = new Date();
        alert(thedate);
        alert('LocaleString:'+thedate.toLocaleDateString());//将时间转换成本地的字符串表示
        alert(thedate.constructor());
         alert('String:' + thedate.toString());
//        alert('LocaleDateString:' + thedate.toLocaleDateString());
//        alert('LocaleTimeString:' + thedate.toLocaleTimeString());
//        alert(thedate.toTimeString());
        alert('Date:' + thedate.getDate());
        alert('Day:' + thedate.getDay());
        alert('Year:' + thedate.getFullYear());
        alert('Hours:' + thedate.getHours());
        alert('Milliseconds:' + thedate.getMilliseconds());
        alert('Minutes:' + thedate.getMinutes());
        alert('Month:' + (thedate.getMonth()+1));//如果用整数表示月份的话，0代表1月，1代表2月...11代表12月
        alert('Seconds:' + thedate.getSeconds());

//        var thedate = new Date(2012, 3, 7, 12, 11, 12,222);
//        alert(thedate.toLocaleString());
        //        alert(thedate.getMilliseconds());

        /*var thedate = new Date('2012, March, 7,12:11:22');
        alert(thedate.toLocaleString());
        alert(thedate.getMilliseconds());
        alert(thedate.getYear()); //建议使用GetFullYear获取年*/

        var thedate = new Date('2012, March, 7,12:11:22');
//        thedate.setFullYear(2013);
//        alert(thedate.toLocaleString());
//        thedate.setFullYear(2013,3,8);
//        alert(thedate.toLocaleString());
//        thedate.setDate(1);
        //        alert(thedate.toLocaleString());
//        thedate.setMonth(17);
//        alert(thedate.toLocaleString());
        //thedate.setDate(365);
        thedate.setDate(32);
        alert(thedate.toLocaleString());

    </script>
</head>
<body>

</body>
</html>

 

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
  <script type="text/javascript">
//        var age = '15'
//        var Age = '16'
//       alert('age的值是' + age + '\n Age的值是' + Age)

//       var test = 1; test2 = test + 1; alert(test2);
//
// info.value = info.value.substr(1) + info.value[0];
      function showinfo() {
          var info = document.getElementById('txtinfo');
          info.value = info.value.substr(1) + info.value[0];
      }
      setInterval(showinfo, 500);

       
    </script>
</head>
<body>
<input type="text" id="txtinfo" value="北京欢迎你                    " />
<br />
<input type="text" id="txtinfo1" value="北京欢迎你                    " />
<input type="button" value="Click Me" onclick="showinfo();" />

</body>
 
</html>

 

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        var array = ['唐玄奘', '孙悟空', '猪刚烈', '沙和尚'];
//        array.splice(1, 0);
//        alert(array.toString());
//        array.splice(1, 1); //删除从指定索引开始，指定个数的元素
//            alert(array.toString());
//        array.splice(1, 2);
//        alert(array.toString());
//        array.splice(1, 1, '白骨精');
//            alert(array.toString());
//                array.splice(1, 2, '白骨精'); //
//                alert(array.toString());
//                array.splice(1, 2, '白骨精','彩云仙子');
//                alert(array.toString());
//                array.splice(1, 2, '白骨精', '彩云仙子','黑山老妖');
//                alert(array.toString());
//        array.splice(1, 0, '白骨精', '彩云仙子', '黑山老妖');
        //        alert(array.toString());

 


         var str = '唐玄奘,孙悟空,猪刚烈,沙和尚';
        var index = str.indexOf(','); //返回指定子都在字符串中的索引，索引从0开始
        alert(index);

        var laststr = str.lastIndexOf(',');
        alert(laststr);

        var newstr = str.substr(1, 5); //截取字符串，从指定位置开始截取指定长度
        alert(newstr);
    </script>
</head>
<body>

</body>
</html>

 

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        var array = ['唐玄奘', '孙悟空', '猪刚烈', '沙和尚'];
        array.push('白龙马');
        alert(array.toString());
//        pushi方法可以在数组末尾添加一项或者多项，更改的原来数组

        array.push('牛魔王', '铁扇公主', '红孩儿');
        alert(array.toString());//弹出一个输出框
        document.write(array); //显示在页面上

        //产生一个新数组，不更改原来数组
        var array1 = array.concat('如来佛祖', '观音菩萨', '白骨精');
        alert(array1.toString());

        //截取的是从start开始(包括start)，到end截止(不包括end)的元素。
        var array1 = array.slice(1, 3);
         alert(array1.toString());
         alert(array.toString());


         //更改的是原数组
         var str = array.pop();//删除数组最后一项，并作为返回值
         alert(str);
         alert(array.toString());

         array.unshift('第一项', '第二项', '第三项');
         alert(array.toString());

         array.reverse();
         alert(array.toString());

//         手动实现数组元素反转功能
         var temp;
         for (var i = 0; i < array.length / 2; i++) {
             temp = array[i];
             array[i] = array[array.length - i - 1];
             array[array.length - i - 1] = temp;
         }
         alert(array.toString());

         //默认情况下，是按照元素的ASCII码排列，首先对第一个数字进行排序，如果第一个数字相等，
         //再按照第二个数字的ASCII码排序
         var array = [1, 3, 44, 33, 127, 126, 8];
         array.sort();
//         alert(array.toString());
         array.sort(function (i, j) { return i > j ? 1 : -1 }); //从小到大排序
         alert(array.toString());
         array.sort(function (a, b) { return a < b ? 1 : -1 }); //从大到小排序
         alert(array.toString())
    </script>
</head>
<body>

</body>
</html>

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
//        var array = ['唐玄奘', '孙悟空', '猪刚烈', '沙和尚'];
//        for (var item in array) {
//            document.write(array[item] + "-")
//            alert(array.toString());
//            alert(array.join('$'));
//        }

        var str = '唐玄奘,孙悟空,猪刚烈,沙和尚';
        alert(array);
        var array = str.split(',');

        //点不出来不代表这个对象没有此属性或方法，可能只是因为VS没有将此属性或方法添加到智能感知中去

        alert(array.toString() + "," + array.length);

    </script>
</head>
<body>

</body>
</html>

 

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
//    <substr()函数写跑马灯效果>

//    var array=new Array(3);
//    var array1=[1,2,'张三','李四']
//    for(var item in array1)
//    {
//    window.document.write(array1[item]);
//    }

function showinfo() {
    document.write('嘿嘿');
    var htmlnode = '<img src=images/1.jpg/>';
    document.write(htmlnode);
    var newwindow = window.open("", "", "status,width=500,height=400");
    var htmlnode = '<img src=images/1.jpg/>';
    newwindow.document.write(htmlnode);
   
    }

//        var array = [1, 2, 3, 4];
//        array[7] = 7;
//        for (var i = 0; i < array.length; i++) {
//            document.write(array[i]+"</br>");
//       
//        }
//        for (var item in array) {
//            document.write(array[item]+"</br>");
//        }
//        array[1] = 20;
//        for (var item in array) {
//            document.write(array[item]+"</br>");
//        }
    </script>
</head>
<body>
    <input type="button" value="Click Me" onclick="showinfo()" />

</body>
</html>

 

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
//        var numb1 = 10;
//        var numb2 = 10;
//        numb2 = numb2 - 1;
//        alert(numb1 - numb2);
        //        alert(numb2);

//        function nn99() {
//            for (var i = 1; i <= 9; i++) {
//                for (var j = 1; j <= i; j++) {
//                    document.write(i + "*" + j + "=" + (i * j) + "\t");
//                }
//                //换行
//                document.write("<br>");
//            }
//        }
//        nn99();


       //提示用户输入用户名和密码，只要不正确，就一直输入，正确后提示“输入正确”

       function showarray() {
            /*var array = new Array();
            array[0] = 1;
            array[1] = 2;
            array[2] = 3;
            array[3] = 4;*/
            //虽然在定义Array时声明了数组的元素个数，但是可以随意扩充
            /*var array = new Array(4);
            array[0] = 1;
            array[1] = 2;
            array[2] = 3;
            array[3] = 4;
            array[4] = 5;
            array[40] = 40;*/

           //var array = new Array('张三▂', '李四', '王五', '赵六?);
           /*Array[0] = '张三▂';
           Array[1] = '李四';
           Array[2] = '王五';
           Array[3] = '赵六;*/

           //Array对象可以存储不止一种类型的数据
           //var array = new Array('张?三', 1, '王五', 2);

           var array = ['张三', 1, '王五', 2];
           for (var i = 0; i < array.length; i++) {
               document.write(array[i]);
           }
           array[1] = '李四';
           for (var i = 0; i < array.length; i++) {
               document.write(array[i]);
           }
       }

       
    </script>
</head>
<body>

</body>
</html>

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        var age = 22;
        var Age = 23;
        var name = '张三';
        alert(age + "," + Age + "," + 'name');

        var a = 22;alert(age);a = '张三李四';alert(a);

    </script>
</head>
<body>

</body>
</html>

 

心如止静
关注
JavaScript函数
11-19
JavaScript函数是一段可重复执行的代码块，它允许将特定功能的代码封装在一起，并在需要时通过调用来执行。函数是JavaScript编程中的重要组成部分，是实现代码复用和模块化的基础工具。函数可以声明为具名函数或匿名...
JavaScript函数式编程.pdf
04-09
不过，由于【标题】中提供了文档的名称——"JavaScript函数式编程.pdf"，我可以根据这个名称扩展出关于JavaScript函数式编程的知识点。 JavaScript函数式编程的知识点非常丰富，涉及很多方面的内容，下面将详细介绍...
JavaScript中数组使用总结
完善飞跃
11-13 1万+
一、 数组的概念 1.1 什么是数组 数组是指的数据的有序列表。 数组中每个值称之为数组的一个元素。 数组中的每个元素都有一个位置，这个位置称之为索引(下标、index)。数组的索引是从 0 开始的 同一个数组中，元素的类型不做任何限制。也就是说，同一个数组中可以方法Number、String、Boolean、Object对象等等。可以同时放入任何的类型。甚至数组中的元...
JavaScript 函数学习
qq_66198247的博客
04-27 2253
一.函数的使用 函数在使用时分为两步：声明函数和调用函数 1.声明函数 function是声明函数的关键字,必须小写 由于函数一般是为了实现某个功能才定义的，所以通常我们将函数名命名为动词，比如getSum 2.调用函数 调用的时候千万不要忘记添加小括号 口诀:函数不调用，自己不执行。 注意︰声明函数本身并不会执行代码，只有调用函数时才会执行函数体代码。 3.函数的封装 函数的封装是把一个或者多个功能通过函数的方式封装起来，对外只提供一个简单的函数接口 简单理解:封装类似于将电
javaScript函数深入
yayaya152的博客
11-21 2248
本文是对函数的深入讲解，包含函数的返回值、arguments、函数方法call（）、apply（）、bind（）、函数调用函数以及立即执行函数
JavaScript函数定义的几种方式
超人不会飞
06-27 2797
什么是函数呢？ 对于JS来说，我们可以把函数理解为任意一段代码放在一个盒子里，在我们想要让这段代码执行的时候，直接执行这个盒子里的代码就行。专业一点来讲：JavaScript 函数是被设计为执行特定任务的可以重复利用的代码块。 function fn (p1, p2) { return p1 * p2; // 该函数返回 p1 和 p2 的乘积 } javaScript 函数通过 function 关键词进行定义，其后是函数名和括号 ()。 1.函数声明： 必须有名字，会函数提升，在预解析阶段.
JavaScript函数的命名方式
zhzijun的博客
10-08 5345
函数的命名方式 JavaScript代码服用单位是函数，函数可以包含一段可执行代码，也可以接受调用者传入的参数。JavaScript定义函数主要有以下三种方式： 第一种方式：命名函数 <script> function 函数名(参数列表){//function声明函数的关键字 要执行的语句块; } function myAge(age) { document.write('我的年龄是' + age)//我的年龄是19 }
JavaScript基础语法_JavaScript函数
热门推荐
JiuMeilove的博客
06-16 2万+
在JS里面,可能会定义非常多的相同代码或者功能相似的代码,这些代码可能需要大量重复使用,虽然for循环语句也能实现一些简单的重复操作,但是比较具有局限性,此时我们就可以使用JS中的函数 函数就是封装了一段可以被重复调用执行的代买块,通过代码块可以实现大量代码的重复使用 示例 如上,我们没要计算一个累加,就需要写一段大致相同的代码,这样不仅劳累而且无意义,当我们拥有函数,就可以用使用函数将上面的代码封装,以重复使用 输出 函数声明需要以 function 关键字开头，之后为要创建的函数名称，function
JavaScript 函数参数默认值
ximingx
03-13 1万+
传统写法： function fn(param) { let p = param || 'hello'; console.log(p); } 上方代码中，函数体内的写法是：如果 param 不存在，就用 hello字符串做兜底。这样写比较啰嗦。 ES6 写法：（参数默认值的写法，很简洁） function fn(param = 'hello') { console.log(param); } 在 ES6 中定义方法时，我们可以给方法里的参数加一个默认值（缺省值）： 方法被调用
JavaScript 函数防抖
m0_54829066的博客
12-23 1737
如果每次用户输入都立即触发函数，会导致函数频繁触发，浪费资源。使用防抖函数，可以在用户输入后延迟一段时间才触发函数，从而节省资源。需要注意的是，这个防抖函数是基于定时器实现的，所以在使用过程中可能会有一些精度问题。当函数被触发时，防抖函数会延迟执行函数，并且如果在延迟期间内再次触发函数，则会重新计算延迟时间。这样可以避免函数在短时间内多次触发，从而节省资源。JavaScript 函数防抖（debounce）是一种技术，可以防止函数在短时间内多次触发。防抖函数返回一个新函数，在新函数中设置了延迟执行的逻辑。
JavaScript函数赋值变量
csc_cary的博客
02-06 3952
函数赋值变量 以函数形式返回 function print(val) { console.log(`姓名是：${val}`); } var fn = print;//将函数赋值给fn fn('angus');//姓名是：angus 以返回值形式 将函数返回的值赋值给fn，如果函数没有返回值，但又接受了，此时会返回undefined。 有返回值： function print(val) { return `姓名是：${val}`; } var fn = print('angus'); con
JavaScript组合函数
qq_49002903的博客
05-16 1982
组合函数 组合(Compose)函数是在JavaScript开发过程中一种对函数的使用技巧、模式： 比如我们现在需要对某一个数据进行函数的调用，执行两个函数fn1和fn2，这两个函数是依次进行的； 那么如果每次我们都需要进行两个函数的调用，操作上就会显得很重复； 那么是否可以将这两个函数组合起来，自动依次调用呢？ 这个过程就是对函数的组合，我们称之为 组合函数(Compose Function)。 一、简单的认识一下组合函数 场景假设：需要将N个数字分别进行调用double方法乘以2，再调用square
declare:明确声明Javascript函数中的参数类型
05-21
在Javascript中，声明函数时，不能对其参数类型进行任何限制。 在执行过程中，您始终必须手动检查参数的类型。 这意味着您可以使用任何类型的参数调用相同的函数。 这可能会导致无法预料的行为。 例如，根据其参数...
二维码工具(1).zip
最新发布
09-13
二维码工具(1).zip
基于ZXing修改的二维码扫描器.zip
09-12
基于ZXing修改的二维码扫描器.zip
在网页上生成二维码.zip
09-12
在网页上生成二维码.zip
四级流水线8位booth算法乘法器，有无符号都支持（verilog），含testbench（system verilog）
09-12
乘法器包含三个.v文件 乘法器可进行有符号与无符号的8位乘法计算，但是需要提前输入乘数是否为有符号的标识 【 顶层multiplier_8_special.v：对乘法器进行分割段数 booth2_pp_decoder.v:使用booth算法，将乘数进行转换 mult_pp_adder.v:执行部分积加法。（这里经过了部分优化，但是仍直接使用了‘+’符号，如果是asic设计，需要更加具体，也能进一步优化） tb_mult8_special.v:(tesetbench):仿真激励文件：20*4组随机数测试数据，会返回验证时出错的数据的部分原因。（system verilog） 】 经过初步仿真验证，无问题 经过vivado某个ultrascale型号的fpga实现过后能达到500mhz以上频率，资源使用量为120lut左右 此模块为tpu设计中的一个底层模块，（作为多复用单元，可以处理浮点数据的一个部分）后续会逐步上传tpu的其他部分以及功能原理介绍 注：sys_enable:模块启动信号，sys_enable=0时会暂停并暂存数据。 valid：valid=1输入乘数有效，valid=0无效则会不计算这个数据。
无限特征选择_一种基于图的特征过滤方法_Infinite Feature Selection_ a Graph-base
09-12
无限特征选择_一种基于图的特征过滤方法_Infinite Feature Selection_ a Graph-based Feature Filtering Approach.zip
JavaScript函数使用与参考手册
首先，文件标题为“Javascript函数手册.rar”，这意味着压缩包中很可能包含了一个关于JavaScript编程语言中函数用法的详细手册或指南。手册可能包括了JavaScript函数的定义、语法、参数传递、作用域规则、闭包、以及...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值