首页 > 编程语言 >JavaScript语法基础(函数,对象,常用类Array,String,Math和Date)

JavaScript语法基础(函数,对象,常用类Array,String,Math和Date)

时间:2024-11-01 23:49:41浏览次数:6  
标签:console log persons JavaScript var Date new Array Math

JavaScript函数语法:

function functionname()
{
    // 执行代码
}

  function calculator(a, b)
        {
            c = a+b;
            // alert("a+b=" + c); 
            return c;        
        }
console.log(c)

    </script>
     <input type="submit" value="计算a+b的和" onclick="calculator(3,2)">

运行结果

函数的调用:

1.无返回值的调用

函数名(实参,实参2,...);

2.有返回值的调用

变量名=函数名(实参,实参2,...);

列如:

result=multiple(10,20);

对于有返回值的函数调用,也可以在程序中直接利用其返回值。列document.write(multiple(10,20))

 JavaScript对象:

JavaScript中的对象是一种数据类型,可以用来存储和访问多个属性和方法。对象可以通过字面量形式创建,也可以通过构造函数创建。以下是关于JavaScript对象的深入讲解:

1.定义一个类

   var person = {
            firstName:"毛",
            lastName:"主席",
            age:83,
            eyeColor:"黑色",
            getName: function(){
                // 注意this对象的使用(指向自身)
                // 没有this,直接用属性名控制台会报错
                allName = this.firstName + this.lastName;
                return allName;
            },
            cal: function(a,b){
                return a+b;
            }
        };

 2.使用定义好的对象的属性和方法

 console.log(person.eyeColor)  //使用对象的属性
        console.log(person.getName()) //使用对象的方法
        console.log(person.cal(1,2))  //使用对象的方法
 

 常用类:

js内置类Array

 length属性

//1. length属性返回数组的元素个数(数组长度)
        var persons=new Array("毛泽东","邓小平","江泽民");
        console.log(persons.length);    // 3

  push方法

 //2. push方法用于在数组末端添加一个或多个元素,并返回
        //   添加新元素后的数组长度。注意:该方法会改变原数组!
        var persons=new Array("毛泽东","邓小平","江泽民");
        len = persons.push("胡锦涛");
        console.log('新数组为:' + persons +'->长度为:' + len); 

 pop方法

 //3. pop方法用于删除数组最后一个元素,并返回被删除的那个元素。
        //   注意:该方法会改变原数组!
        var persons=new Array("毛泽东","邓小平","江泽民");
        p = persons.pop("胡锦涛");
        console.log('新数组为:' + persons +'->被移除的元素为: ' + p); 

 reverse方法

  //4. reverse方法用于颠倒排列数组元素,返回改变后的数组。
        //   注意:该方法会改变原数组!
        var persons=new Array("毛泽东","邓小平","江泽民");
        p = persons.reverse();
        console.log(p); 

 indexOf方法 

 //5. indexOf方法返回给定元素在数组中第一次出现的位置,若未出现返回-1
        var persons = new Array("毛泽东","邓小平","江泽民");
        console.log(persons.indexOf("邓小平"));  //1
        console.log(persons.indexOf("胡锦涛"));  //-1   

js内置类String

  <script>
        //1. length属性返回字符串的长度
        var s = 'hello';
        console.log(s.length) // 5
        //2. charAt方法返回指定位置的字符
        var s = new String('hello'); 
        console.log(s.charAt(1));            // "e"
        console.log(s.charAt(s.length - 1)); // "o"
        console.log(s.charAt(10));           // ""  索引超出返回空字符串
        //3. concat方法用于顺序连接多个字符串,返回一个新字符串(不改变原字符串)
        var s1 = new String('hello'); 
        var s2 = new String(' world'); 
        console.log(s1.concat(s2));          // "hello world"
        console.log(s1.concat(s2, ' hi', ' beijing')); // "hello world hi beijing"
        //4. indexOf 方法用于确定一个字符串在另一个字符串中第一次出现的位置,
        // 返回结果是匹配开始的位置。如果返回-1表示不匹配。
        var s = new String('hello world'); 
        console.log(s.indexOf("world"));  //6
        console.log(s.indexOf("hi"));     //-1
        //5. split方法按照给定规则分割字符串,返回一个由分割出来的子字符串组成的数组
        var s = new String('hello world hi beijing'); 
        console.log(s.split(' ')); // 按照空格分割 ['hello', 'world', 'hi', 'beijing']
    </script>

 js内置类Math

 <script>
        // Math是JavaScript内置类,通过其内部的类方法,提供了各种数学功能
        //1. abs方法返回参数值的绝对值
        console.log(Math.abs(1)) // 1
        console.log(Math.abs(-1)) // 1

        //2. max和min方法返回参数值的最大值和最小值
        console.log(Math.max(1,2,3)) // 3
        console.log(Math.min(1,2,3)) // 1

        //3. floor和ceil对参数向下取整和向上取整
        console.log(Math.floor(3.3)) // 3
        console.log(Math.floor(-3.3)) // -4
        console.log(Math.ceil(3.3)) // 4
        console.log(Math.ceil(-3.3)) // -3

        //4. random返回[0,1)之间的一个伪随机数
        for (var index = 1; index <=5; index++)
        {
            console.log(Math.random())
        }
        // 随机输出任意范围的某个数(直接当成固定函数使用)
        function getRandomInRange(min, max) 
        {  
            return Math.random() * (max - min) + min;  
        }  
        console.log(getRandomInRange(1, 20)); //随机输出1到20的某个数


        // 5. 保留小数点指定位数(直接当成固定函数使用)
        function truncateDecimalPlaces(num, decimalPlaces) 
        {  
            let factor = Math.pow(10, decimalPlaces);  
            return Math.floor(num * factor) / factor;  
        }  
        console.log(truncateDecimalPlaces(3.14159, 2)); // 输出 3.14

    </script>

  js内置类Date

   <script>
        // 基于Date类,创建一个对象示例,表示当前日期和时间  
        const now = new Date();       
        // 获取年份(四位数的年份,比如2024)  
        const year = now.getFullYear();    
        // 获取月份(从0开始,所以0表示1月,11表示12月,需要加1才能得到实际月份)  
        const month = now.getMonth() + 1;      
        // 获取日期(月份中的哪一天)  
        const day = now.getDate();  
        // 获取小时(24小时制)  
        const hours = now.getHours();     
        // 获取分钟  
        const minutes = now.getMinutes();     
        // 获取秒  
        const seconds = now.getSeconds();  
        // 输出当前未格式化的日期和时间 
        console.log(`当前日期和时间: ${year}-${month}-${day} ${hours}:${minutes}:${seconds}`);



        // 格式化日期和时间字符串  
        // 如果month小于10,它会在month前面插入一个'0',否则插入一个空字符串''。
        // 这样做的目的是确保月份始终是两位数(例如,1月变为01)。
        // 同理,${day < 10 ? '0' : ''}${day}确保日期也是两位数。
        const formattedDate = `${year}-${month < 10 ? '0' : ''}${month}-${day < 10 ? '0' : ''}${day}`;  
        const formattedTime = `${hours < 10 ? '0' : ''}${hours}:${minutes < 10 ? '0' : ''}${minutes}:${seconds < 10 ? '0' : ''}${seconds}`;      
        // 输出当前格式化后的日期和时间  
        console.log(`当前日期和时间: ${formattedDate} ${formattedTime}`);
    </script>

标签:console,log,persons,JavaScript,var,Date,new,Array,Math
From: https://blog.csdn.net/2401_85545586/article/details/143442027

相关文章

  • JavaScript中变量的基础知识(超详细)
    1.变量1.1目标理解变量是计算机存储数据的容器变量:变量是计算机用来存储数据的容器(盒子)作用:记录计算机数据的不同状态注意:变量不是数据本身,它们仅仅是一个用于存储数值的容器。可以理解为一个用来装东西的纸箱子1.2变量的基本使用变量的声明(创建变量)letage//let变量......
  • Javascript中includes函数
    用处用于数组和字符串,用于判断数组是否包含某个值。或者用于字符串是否包括某个子串。如果找到该值或者字符串,则返回true,否则返回false语法:arr.includes(valueToFind[,fromIndex]) valueToFind:必需。需要查找的元素值。fromIndex:可选。从该索引处开始查找 valueToFind......
  • javascript 基本语法,变量,运算符【知识点整理】
    JavaScript(ES5)JavaScript的基本语法和变量变量声明与变量赋值的方法:vara=5;vara=5;varb=4;vara=3,b=2;vara,b,c=5;vara=b=c=1;变量的命名规范首字符:英文和下划线组成:英文数字下划线禁忌:关键字、保留字##Unicode在HTML中,Unicode字符......
  • JavaScript语法基础——变量,数据类型,运算符和程序控制语句(小白友好篇,手把手教你学会!)
     一、JavaScript概述JavaScript是一种高级编程语言,常用于网页开发和服务器端应用程序。它是一种动态类型语言,可以在浏览器中直接解释执行,而不需要编译。脚本(Script)是一种与计算机程序相关的指令集或代码块,用于执行特定的任务或操作。脚本通常用于自动化重复性的任务或进行特......
  • JavaScript:六.函数
    函数用于封装一段完成特定功能的代码,相当于将包含一条或多条语句的代码块“包裹”起来,用户在使用时只需关心参数和返回值,就能完成特定的功能。函数的优势在于提高代码的复用性,降低程序维护的难度。 6.1函数的定义与调用自定义函数的语法格式如下。function函数名([参......
  • JavaScript基础教程前言
     ---------------------------------------------------------------------有人22岁就毕业了,但等了五年才找到好的工作;有人25岁就当上CEO,却在50岁去世;也有人迟到50岁才当上CEO,然后活到90岁。 有人依然单身,同时也有人已婚。奥巴马55岁就退休,川普70岁才开始当总统。......
  • 总结 JavaScript 中8种数组常用的操作 API,array.push,pop,shift,unshift,slice,splice
    前言JavaScript中数组是一个重要的数据结构,它相比于字符串有更多的方法,在一些算法题中我们经常需要将字符串转化为数组,使用数组里面的API进行操作。本篇文章总结了JavaScript中有许多数组常用的操作API,以下是一些常见的操作及其示例:1.push():在数组末尾添加一个或多个元素,并......
  • 使用JavaScript实现:随机曲线之间进行平滑切换
    介绍今天,我运用拉格朗日插值法绘制了一条曲线。然而,我并未止步于静态展示,而是引入了一个定时器,每隔一段时间便对曲线上的点进行动态更新,从而赋予曲线生命般的动态变化。然而,在刷新过程中,我敏锐地察觉到曲线之间的切换显得过于突兀,缺乏流畅感(请见下图)。于是,一个大胆的想法......
  • JavaScript
    JavaScriptJavaScript因为互联网而生,紧随着浏览器的出现而问世1、JavaScript的历史https://javascript.ruanyifeng.com/introduction/history.htmljs参数描述throw声明的作用是创建exception(异常或错误)this的四种用法1.在一般函数方法中使用this指代......
  • java Web 时间LocalDateTime 输出到前端格式化
    格式化时间返回到前端 packagecom.za.edu.config;importcom.fasterxml.jackson.databind.DeserializationFeature;importcom.fasterxml.jackson.databind.ObjectMapper;importcom.fasterxml.jackson.databind.module.SimpleModule;importcom.fasterxml.jackson.datab......