JS中常用对象的属性和方法学习

简介: JS中常用对象的属性和方法学习

1 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 />");


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>
      /*****【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>

效果:

2 String 对象学习

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 对象


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));


代码:

<!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>

效果:

3 数组的声明方式

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]; }

3.1 数组的使用

function


demo2(){


var arr=[];


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


arr[2]=new


Date();


arr[6]=12;


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


console.log(arr);


}

3.2 数组的扩容

function


demo3(){


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


console.log(arr.length);


//扩大数组


empty


arr.length=10;


//缩小数组


arr.length=2;


console.log(arr); }


3.3 数组的遍历

function demo4(){


//方式一var arr=["csdn",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]);


}}


3.4 数组中常用的方法

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=["csdn",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=["csdn",123,new Date(),false];
        console.log(arr);
        //向数组的末尾添加一个或更多元素,并返回新的长度。
        // var  le= arr.push("我们");
        //删除并返回数组的最后一个元素
        // var le= arr.pop();
        //删除并返回数组的第一个元素
        //arr.shift();
        //  向数组的开头添加一个或更多元素,并返回新的长度。
        //arr.unshift("sxt");
        //  删除的含义   开始删除的下标   删除的个数
        //arr.splice(1,2);
        //添加的含义   添加的下标   0   添加的元素
        arr.splice(1,0,"你好");
        console.log(arr);
      }
      demo5();
    </script>
  </head>
  <body>
  </body>
</html>

效果:


目录
相关文章
|
7月前
|
监控 负载均衡 JavaScript
有哪些有效的方法可以优化Node.js应用的性能?
有哪些有效的方法可以优化Node.js应用的性能?
367 69
|
6月前
|
前端开发 JavaScript
个人征信电子版无痕修改, 个人信用报告pdf修改,js+html+css即可实现【仅供学习用途】
本代码展示了一个信用知识学习系统的前端实现,包含评分计算、因素分析和建议生成功能。所有数据均为模拟生成
|
6月前
|
JavaScript Linux 内存技术
Debian 11系统下Node.js版本更新方法详解
本指南详细介绍在Linux系统中安装和管理Node.js的步骤。首先检查现有环境,包括查看当前版本和清除旧版本;接着通过NodeSource仓库安装最新版Node.js并验证安装结果。推荐使用nvm(Node Version Manager)进行多版本管理,便于切换和设置默认版本。同时,提供常见问题解决方法,如权限错误处理和全局模块迁移方案,以及版本回滚操作,确保用户能够灵活应对不同需求。
525 0
|
6月前
|
JavaScript Linux 内存技术
Debian 11系统下Node.js版本更新方法
Debian 11更新Node.js主要就是这三种方式,无论你是初涉其中的新手还是找寻挑战的专家,总有一种方式能满足你的需求。现在,你已经是这个
628 80
|
8月前
|
编解码 JavaScript 前端开发
【Java进阶】详解JavaScript的BOM(浏览器对象模型)
总的来说,BOM提供了一种方式来与浏览器进行交互。通过BOM,你可以操作窗口、获取URL、操作历史、访问HTML文档、获取浏览器信息和屏幕信息等。虽然BOM并没有正式的标准,但大多数现代浏览器都实现了相似的功能,因此,你可以放心地在你的JavaScript代码中使用BOM。
254 23
|
6月前
|
前端开发
个人征信PDF无痕修改软件,个人征信模板可编辑,个人征信报告p图神器【js+html+css仅供学习用途】
这是一款信用知识学习系统,旨在帮助用户了解征信基本概念、信用评分计算原理及信用行为影响。系统通过模拟数据生成信用报告,涵盖还款记录
|
7月前
|
JavaScript 数据可视化 前端开发
three.js简单实现一个3D三角函数学习理解
1.Three.js简介 Three.js是一个基于JavaScript编写的开源3D图形库,利用WebGL技术在网页上渲染3D图形。它提供了许多高级功能,如几何体、纹理、光照、阴影等,以便开发者能够快速地创建复杂且逼真的3D场景。同时,Three.js还具有很好的跨平台和跨浏览器兼容性,让用户无需安装任何插件就可以在现代浏览器上观看3D内容。
244 0
|
存储 JavaScript 前端开发
|
JavaScript
js基础笔记学习247event对象3
js基础笔记学习247event对象3
147 0
js基础笔记学习247event对象3