Day040 JavaScript(2)

最新推荐文章于 2024-07-27 18:37:51 发布
最新推荐文章于 2024-07-27 18:37:51 发布
阅读量126 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Melody_92/article/details/102859045
版权

第7节 JS 中函数的声明

函数声明的三种形式

(1) function 函数名（） { 函数体 }

(2) var 函数名=function(){ 函数体 }

(3) var 函数名=new Function( "函数体" )；

函数参数传递 ​

在js中实参的个数和形参的个数可以不一致

函数的返回值 ​

如果函数没有return 这时候返回 undefined():函数执行符 

        <!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        
        <script>
            
            /*****【1】函数声明的方式***********************/
            
            //方式一
            function  demo1(){
                
                alert("函数声明一");
                
            }
            
            //方式二
            var  demo2= function(){
                
                alert("函数声明二");
                
            }
            
            //方式三   (函数本身也是一个对象)   了解
            
            var  demo3=new  Function("alert('我是函数声明三')");
            
//          demo3();
//          demo1();
            
            /*************函数中参数传递************************/
            
            function  demo4(a,b){
                
                console.log(a+"...."+b);
                
            }
            
        /*  demo4(1,2);//1....2
            
            demo4(1);//1....undefined
            
            demo4(1,2,3);//1....2*/
            
            /**************函数的返回值**************************/
            
            function  demo5(a){
                
                console.log("参数值："+a());
                
                return a;
            }
            
//          alert(demo5(5));
            
            var  a=function(){
                
                console.log("我是函数a");
                
            };
            
            demo5(a);
            
        </script>
        
    </head>
    <body>
    </body>
</html>
<!--
    函数声明的三种形式
    
    （1） function  函数名（）{
        
           函数体
        }
    
     (2) var  函数名=function(){
        
           函数体
        }
     (3) var  函数名=new  Function("函数体")；
    
    函数参数传递
    
        在js中实参的个数和形参的个数可以不一致
       
    函数的返回值
    
        如果函数没有return   这时候返回 undefined
       
    ():函数执行符
-->


第8节 常用对象 1

Date 日期对象

//本月中的第几天

document.write(date.getDate()+" ");

//本星期的第几天

document.write(date.getDay()+" ");

//返回的月份 0-11

document.write(date.getMonth()+" ");

//返回的是1900年到现在年份的差值2018-1900

document.write(date.getYear()+" ");

//返回全年2018

document.write(date.getFullYear()+" ");

//2018/6/22 下午12:17:14:返回本地的时间

document.write(date.toLocaleString()+" ");

Math 对象学习

//获得随机数

//随机数范围是0-1

var ran=Math.random()1000; console.log(ran);

//向下取整

756.9714434215177 ==756 console.log(Math.floor(ran));

//向上取整

398.06376470341377==398 console.log(Math.ceil(ran));

//获得4位随机数--验证码

console.log(Math.floor(Math.random()9000+1000) ); 

        <!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script>
            
            /***********日期对象*****************/
            
            function testDate(){
                
                var  date=new  Date();
                
                //本月中的第几天
                document.write(date.getDate()+"<br />");
                //本星期的第几天
                document.write(date.getDay()+"<br />");
                //返回的月份  0-11   
                document.write(date.getMonth()+"<br />");
                
                //返回的是1900年到现在年份的差值2018-1900
                document.write(date.getYear()+"<br />");
                
                //返回全年2018
                document.write(date.getFullYear()+"<br />");
                
                //2018/6/22 下午12:17:14:返回本地的时间
                document.write(date.toLocaleString()+"<br />");
            }
            
            
            /***********数学对象*****************/
            
            function  testMath(){
                
                //获得随机数
                //随机数范围是0-1
                 var ran=Math.random()*1000;
                 
                 console.log(ran);
                 
                 //向下取整 756.9714434215177  ==756
                 console.log(Math.floor(ran));
                
                //向上取整  398.06376470341377==398
                console.log(Math.ceil(ran));
                
                //获得4位随机数--验证码
                 console.log(Math.floor(Math.random()*9000+1000) );
            }
            
            testMath();
            
        </script>
        
    </head>
    <body>
    </body>
</html>
​


第9节 常用对象学习 2

String 对象学习

var a="b-j-s-x-t"; var b=new String("bjsxt");

//获得下标为2的内容

document.write(b.charAt(2)+" ");

//2 :获得下标 document.write(b.indexOf("sxt")+" ");

//字符串截取 开始下标 截取长度

document.write(b.substr(2,3)+" ");

// 截取开始的长度

document.write(b.substr(1)+" ");

//字符串截取 开始下标 结束的下标

document.write(b.substring(2,3)+" ");

//开始下标

document.write(b.substr(2)+" ");

//字符串截取的方法

document.write(a.split("-"));

Global 对象

var a=1; var b="var c=1+1";

document.write(a+" ");

document.write(b+" ");

//把字符串转成可以执行的js的代码

eval(b);

document.write(c+" ");

var d="123a"; Number(d);

//NAN

// 检查某个值是否是数字。

document.write(isNaN(d)); 

        <!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script>
            
            /************String对象学习**************/
            function  testString(){
                
                var   a="b-j-s-x-t";
                
                var  b=new  String("bjsxt");
                
                //获得下标为2的内容
                document.write(b.charAt(2)+"<br />");
                //2  :获得下标
                document.write(b.indexOf("sxt")+"<br />");
                //字符串截取  开始下标  截取长度
                document.write(b.substr(2,3)+"<br />");
                //  截取开始的长度
                document.write(b.substr(1)+"<br />");
                //字符串截取    开始下标   结束的下标
                document.write(b.substring(2,3)+"<br />");
                //开始下标
                document.write(b.substr(2)+"<br />");
                
                //字符串截取的方法
                document.write(a.split("-"));
                
            }
            
            /***************Global对象学习********/
            function  testGlobal(){
                
                var  a=1;
                
                var  b="var  c=1+1";
                
                document.write(a+"<br />");
                
                document.write(b+"<br />");
                //把字符串转成可以执行的js的代码
                eval(b);
                
                document.write(c+"<br />");
                
                var  d="123a";
                
                Number(d);//NAN
                
                //  检查某个值是否是数字。
                document.write(isNaN(d));
            }
            
            testGlobal();
        </script>
        
    </head>
    <body>
    </body>
</html>
​


第10—11节 数组学习

数组的声明方式

function demo1(){

//方式一

var arr=new Array();

//方式二 5代表数组的长度

var arr2=new Array(5);

console.log(arr2);

//方式三

var arr3=new Array("你好",123,new String(),true);

console.log(arr3);

//方式四 var arr4=["bjsxt",123,new Date(),false];

}

数组的使用

function demo2(){

var arr=[]; arr[0]="李时珍的皮";

arr[1]=true; arr[2]=new Date();

arr[6]=12;

//js中数组的下标可以不连续 如果没有给值就是empty

console.log(arr);

}

数组的扩容

function demo3(){

var arr=["bjsxt",123,new Date(),false]; console.log(arr.length);

//扩大数组

empty arr.length=10;

//缩小数组

arr.length=2;

console.log(arr);

}

数组的遍历

function demo4(){

//方式一

var arr=["bjsxt",123,new Date(),false]

; for(var i=0;i<arr.length;i++){

console.log(arr[i]);

}

//方式二 i:是数组的下标

for(var i in arr){ console.log(arr[i]);

} }

数组中常用的方法

function demo5(){

var arr=["bjsxt",123,new Date(),false];

console.log(arr);

//向数组的末尾添加一个或更多元素，并返回新的长度。

arr.push("我们");

// 删除并返回数组的最后一个元素

arr.pop();

//向数组的开头添加一个或更多元素，并返回新的长度。

arr.unshift("你好");

//移除第一个元素

arr.shift();

// 删除开始的下标 删除的个数

arr.splice(1,2)

//添加的操作

arr.splice(1,0,"你") } 

        <!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script>
            
            /*********数组的声明方式*****************/
            
            function  demo1(){
                
                //方式一
                var   arr=new  Array();
                //方式二   5代表数组的长度
                var  arr2=new  Array(5);
                
//              console.log(arr2);
                //方式三
                
                var  arr3=new  Array("你好",123,new String(),true);
                
                console.log(arr3);
                //方式四
                
                var  arr4=["bjsxt",123,new Date(),false];
            }
            
            /*********数组的使用**************/
            
            function  demo2(){
                
                
                var arr=[];
                
                arr[0]="李时珍的皮";
                
                arr[1]=true;
                
                arr[2]=new  Date();
                
                
                arr[6]=12;
                
                //js中数组的下标可以不连续  如果没有给值就是empty 
                
                console.log(arr);
            }
            
            /*******数组的扩容********************/
              
              function  demo3(){
                
                var  arr=["bjsxt",123,new Date(),false];
                
                 console.log(arr.length);
                
                //扩大数组   empty
                
//              arr.length=10;
                
                //缩小数组
                arr.length=2;
                
                console.log(arr);
                    
              }
              
              /******数组的遍历******************/
             
             function  demo4(){
                
                //方式一
                
                 var  arr=["bjsxt",123,new Date(),false];
                 
                 for(var  i=0;i<arr.length;i++){
                    
                      console.log(arr[i]);
                    
                 }
                
                //方式二   i:是数组的下标
                
                for(var i  in arr){
                    
                    console.log(arr[i]);    
                }
             }
             
             /********数组中常用的方法*********************/
             
              function  demo5(){
                
                var  arr=["bjsxt",123,new Date(),false];
                
                console.log(arr);
                //向数组的末尾添加一个或更多元素，并返回新的长度。
                //arr.push("我们");
                //  删除并返回数组的最后一个元素
                 // arr.pop();
                //  向数组的开头添加一个或更多元素，并返回新的长度。
//              arr.unshift("你好");
                //移除第一个元素
//              arr.shift();
                //   删除开始的下标   删除的个数
//              arr.splice(1,2)
                //添加的操作
                arr.splice(1,0,"你");
                console.log(arr);
                  
              }
            
            demo5();
            
        </script>
        
    </head>
    <body>
    </body>
</html>
​

๑ღ memory ღ๑
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript程序设计训练 Day3
qq_55786319的博客
04-15 2170
1、编写程序，根据用户输入的数值，计算其平方、平方根和自然对数 <script> var input_num=Number(prompt("请输入一个数字:")); var sqrt_num=Math.sqrt(input_num);//开方 var pow_num=Math.pow(input_num,2);//平方 var log_num=Math.log(input_num);//ln,即e的多少次方等于input_n
Web前端学习-day03-JavaScript
Javaw1212的博客
08-26 3988
交互性强: 由于JS语言是嵌入到HTML页面中undefined最终执行在客户端的浏览器中的语言undefined和用户是直接接触undefined Java语言是运行在服务器的语言undefined 用户需要进行交互的话必须通过网络才可以undefined所以JS语言的交互性会更强.==和===区别: ==先统一等号两边变量的类型 再比较值undefined ===先比较两个变量的类型undefined类型一致后再比较值. "666"==666 true "666"===666 false。...
JavaScript Day_03
m0_66095162的博客
03-24 1082
Javascript学习笔记
四天学会JavaScript(Day1~Day4)
热门推荐
qq_41424688的博客
10-06 6万+
七天学完JavaSctipt~Day1 前言        在9月22号当时距离国庆还有8天的时候,原本是说国庆计划五天的时间来总结微服务的(详情见微服务架构设计模式与CAP定理),可没想到自己太过心急...提前过了一遍。。所以这次就打算用国庆的时间来好好学学JavaScript。其实前端这一块呢,我几乎是一个小白。过去也只是写写Ajax,或者整几个XX事件,接收接收数据而已。所以这个国庆我是计划用七天的时间把JavaScript语言从头
JavaScript 快速入门手册
Java.慈祥
08-17 1万+
JavaScript是一门解释型语言，所谓解释型指语言是指不需要被编译为机器码在执行，而是直接浏览器|node中执行。JavaScript中每一个函数对象都存在一个隐藏的对象属性:prototype原型对象函数以普通函数调用，prototype没有任何作用函数以构造函数调用，new 构造函数(...);
自学JavaScript笔记（Day04）
bobiii的博客
03-12 4297
目录 数组 1.数组的创建方式 2.数组元素的类型 3.数组中新增元素 数组 1.数组的创建方式 利用 new 创建数组 var 数组名 = new Array() ； var arr = new Array(); // 创建一个新的空数组 利用数组字面量创建数组（最多使用的方式） //1. 使用数组字面量方式创建空的数组 var 数组名 = []； //2. 使用数组字面量方式创建带初始值的数组 var 数组名 = ['小白','小黑','大黄','瑞奇'];
kettle开发篇-JavaScript脚本-Day31
qq_29061315的博客
12-29 4005
前言： 昨天我们讲了映射，映射可以帮我来将转换进行封装便于我们的重用，今天我们来讲解下JavaScript脚本，可以通过JavaScript脚本来处理一些复杂的转换问题。JavaScript脚本就是使用JavaScript语言通过代码编程来完成对数据流的操作。JS中有很多内置函数，可以在编写JS代码时查看。 一、JavaScript脚本 JavaScript脚本就是使用JavaScript语言...
JavaScript详解
weixin_45845391的博客
08-16 1万+
文档对象模型，就是将页面中所有的标签元素都看成是一个对象（一片叶子），主树干定义为根节点（根元素），所有的标签都是从根元素延伸出去的，摸清结构，找到某个标签就不再困难了。“顺藤摸瓜”，主树干有分支，每个分支还有许多小分支，只要把这个分支的结构整理清楚，任何一片叶子都不是难事了。每个标签都有它存在的意义，如果我们想要动态的修改某个标签的值。闭包是一种保护私有变量的机制，在函数执行时形成私有的作用域，保护里面的私有变量不受外界干扰。突发奇想，如果在test1()函数里面，再嵌套一个函数，js是支持函数嵌套的。.
【JavaScript】详解Day.js：轻量级日期处理库的全面指南
lph159的博客
07-27 1660
Day.js是一个轻量级的JavaScript日期库，兼具现代API和优秀的性能。它的API设计灵感来自于Moment.js，但相比之下，Day.js的体积更小，仅为2KB左右（压缩后和无依赖），非常适合在前端项目中使用。
JavaScript基本语法（笔记打卡day01）
2303_81059616的博客
07-08 1778
JavaScript 可以通过不同的方式来输出数据：如需从 JavaScript 访问某个 HTML 元素，您可以使用document.getElementById(id) 方法。 请使用 “id” 属性来标识 HTML 元素，并 innerHTML 来获取或插入元素内容： 1.3 写到 HTML 文档 出于测试目的，您可以将JavaScript直接写在HTML 文档中： 1.4 写到控制台 如果您的浏览器支持调试，你可以使用 console.log() 方法在浏览器中显示 JavaScript 值。 浏览
JavaScript 30 Day.rar_javascript_javascript30
09-24
这个压缩包文件"JavaScript 30 Day.rar"包含了整个课程的资源，专注于JavaScript的基础和高级特性，特别是对于那些想要深入理解JavaScript并提升其应用能力的人来说极具价值。 在这个挑战中，每个练习都会涵盖一个...
day2(1)_javascript_
10-02
在“day2(1)_javascript_”的学习资源中，我们可以预见到这一阶段将深入探讨JavaScript的基础和进阶概念。以下是这个阶段可能涵盖的一些关键知识点： 1. **变量与数据类型**：JavaScript中的数据类型包括基本类型...
JS.rar_day3lb_javascript
09-23
在"JS.rar_day3lb_javascript"这个压缩包中，我们很显然关注的是JavaScript技术，特别是与“futdraft”程序相关的应用。"futdraft"可能是一个足球模拟选秀或者阵容构建的应用，这需要对JavaScript有深入的理解以及对...
day1_javascript_
09-30
"day1_javascript_"这个标题可能指的是一个学习序列的开始，聚焦于JavaScript的基础知识。描述中提到的"javaweb的编程资料"表明这组资料不仅限于JavaScript，可能还涉及到将JavaScript应用于JavaWeb开发的场景。 ...
day12_javaweb_javascript_day12-xml_energy7fo_
10-03
【标题】"day12_javaweb_javascript_day12-xml_energy7fo_" 提供的资源包主要涵盖了JavaWeb开发中的JavaScript和XML技术，是作者个人学习过程中的一个阶段性的总结，虽然标注为“day2”，但可以推测整个系列应该包含...
使用R语言中的Fuzzy C-Means算法对iris数据集进行模糊聚类分析
09-03
在这项分析中，我们使用R语言对经典的iris数据集进行了模糊聚类分析，采用了Fuzzy C-Means（FCM）算法。Fuzzy C-Means是一种改进的聚类算法，允许每个数据点以不同的隶属度（概率）属于多个簇，而不仅仅是硬性分配到单个簇。这种方法特别适用于数据点之间界限不清晰的情况，通过计算每个数据点到各个簇中心的距离来确定其隶属度，从而生成更灵活的聚类结果。 在该分析中，我们首先从iris数据集中提取了四个数值变量——花萼长度、花萼宽度、花瓣长度和花瓣宽度。接着，我们加载了R中的cluster包，并使用其中的fanny函数执行Fuzzy C-Means聚类。我们设定了聚类数为3，这是因为iris数据集中的物种数为3个，虽然我们事先知道这些类别，但我们通过算法进行盲分类，以便验证其效果。 fanny函数的一个重要特点是其模糊指数参数（memb.exp），该参数决定了隶属度的模糊性。设置为较高的数值会使聚类结果更加模糊，即数据点可能较均匀地分布在多个簇中；而较低的数值则使得聚类结果更接近传统的硬聚类。
【中科院1区】Matlab实现粒子群优化算法PSO-SAE实现故障诊断算法研究.rar
最新发布
09-03
1.版本：matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 替换数据可以直接使用，注释清楚，适合新手 5.作者介绍：某大厂资深算法工程师，从事Matlab算法仿真工作10年；擅长智能优化算法、神经网络预测、信号处理、元胞自动机等多种领域的算法仿真实验，更多仿真源码、数据集定制私信+。 替换数据可以直接使用，注释清楚，适合新手
基于Web的农产品直卖平台+源代码+开题报告+演示视频.zip
09-03
计算机网络发展到现在已经好几十年了，在理论上面已经有了很丰富的基础，并且在现实生活中也到处都在使用，可以说，经过几十年的发展，互联网技术已经把地域信息的隔阂给消除了，让整个世界都可以即时通话和联系，极大的方便了人们的生活。所以说，农产品直卖平台用计算机技术来进行设计，不仅在管理方面更加的系统化，操作性强，最重要的是关于数据的保存和使用都能节约大量的时间，该系统非常的好用。 农产品直卖平台管理数据的工具是MySQL，编码的语言是Java，运用的框架是Spring Boot框架。该系统可以实现商家信用类型管理，农产品信息管理，农产品评价管理，商家管理，农产品订单管理，公告信息管理，用户管理等功能。 农产品直卖平台不仅能让操作人员使用更加地方便，并且设计的也很合理，能有效的避免误操作，让数据在录入的环节就符合设计需要，极大的规避了源头性的输入误差，顺利的让数据变得更加可控并且可靠，让出错的几率降到最低。 关键词：农产品直卖平台；农产品；评价；订单
PHP基于Linux的远程管理系统服务器端的实现(源代码+LW).rar
09-03
PHP基于Linux的远程管理系统服务器端的实现(源代码+LW).rar
基于javaweb的流浪宠物管理系统+源代码+开题报告+演示视频.zip
09-03
当下，正处于信息化的时代，许多行业顺应时代的变化，结合使用计算机技术向数字化、信息化建设迈进。传统的流浪宠物信息管理模式，采用人工登记的方式保存相关数据，这种以人力为主的管理模式已然落后。本人结合使用主流的程序开发技术，设计了一款基于Java Web的流浪宠物管理系统，可以较大地减少人力、财力的损耗，方便相关人员及时更新和保存信息。本系统主要使用B/S开发模式，在idea集成开发环境下，采用Java语言编码设计系统功能，MySQL数据库管理相关的系统数据信息，SSM框架设计和开发系统功能架构，最后通过使用Tomcat服务器，在浏览器中发布设计的系统，并且完成系统与数据库的交互工作。本文对系统的需求分析、可行性分析、技术支持、功能设计、数据库设计、功能测试等内容做了较为详细的介绍，并且在本文中也展示了系统主要的功能模块设计界面和操作界面，并对其做出了必要的解释说明，方便用户对系统进行操作和使用，以及后期的相关人员对系统进行更新和维护。通过设计基于Java Web的流浪宠物管理系统，可以极大地提高流浪宠物管理的工作效率，提升用户的使用体验。 关键词：流浪宠物管理，Java语言，B/S结
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值