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>

效果:


目录
相关文章
|
2月前
|
JavaScript 前端开发 程序员
前端原生Js批量修改页面元素属性的2个方法
原生 Js 的 getElementsByClassName 和 querySelectorAll 都能获取批量的页面元素,但是它们之间有些细微的差别,稍不注意,就很容易弄错!
|
17天前
|
JavaScript 前端开发 开发者
JavaScript字符串的常用方法
在JavaScript中,字符串处理是一个非常常见的任务。JavaScript提供了丰富的字符串操作方法,使开发者能够高效地处理和操作字符串。本文将详细介绍JavaScript字符串的常用方法,并提供示例代码以便更好地理解和应用这些方法。
42 13
|
2月前
|
监控 JavaScript Java
Node.js中内存泄漏的检测方法
检测内存泄漏需要综合运用多种方法,并结合实际的应用场景和代码特点进行分析。及时发现和解决内存泄漏问题,可以提高应用的稳定性和性能,避免潜在的风险和故障。同时,不断学习和掌握内存管理的知识,也是有效预防内存泄漏的重要途径。
198 52
|
2月前
|
JSON 前端开发 JavaScript
JavaScript中对象的数据拷贝
本文介绍了JavaScript中对象数据拷贝的问题及解决方案。作者首先解释了对象赋值时地址共享导致的值同步变化现象,随后提供了五种解决方法:手动复制、`Object.assign`、扩展运算符、`JSON.stringify`与`JSON.parse`组合以及自定义深拷贝函数。每种方法都有其适用场景和局限性,文章最后鼓励读者关注作者以获取更多前端知识分享。
31 1
JavaScript中对象的数据拷贝
|
2月前
|
缓存 JavaScript 前端开发
JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用
本文深入讲解了 JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用。
73 5
|
2月前
|
JavaScript 前端开发
js中的bind,call,apply方法的区别以及用法
JavaScript中,`bind`、`call`和`apply`均可改变函数的`this`指向并传递参数。其中,`bind`返回一个新函数,不立即执行;`call`和`apply`则立即执行,且`apply`的参数以数组形式传递。三者在改变`this`指向及传参上功能相似,但在执行时机和参数传递方式上有所区别。
35 1
|
2月前
|
存储 JavaScript 前端开发
JavaScript学习第一章
本文档介绍了JavaScript的基础知识,包括其在网页中的作用、如何通过JavaScript动态设置HTML元素的CSS属性,以及JavaScript中的变量类型(`var`、`let`、`const`)和数据类型(基本数据类型与引用数据类型)。通过实例代码详细解释了JavaScript的核心概念,适合初学者入门学习。
61 1
|
6月前
|
存储 JavaScript 前端开发
|
JavaScript
js基础笔记学习247event对象3
js基础笔记学习247event对象3
88 0
js基础笔记学习247event对象3
|
JavaScript
js基础笔记学习309筛选jquery对象1
js基础笔记学习309筛选jquery对象1
74 0
js基础笔记学习309筛选jquery对象1