学习
实践
活动
工具
TVP
写文章
专栏首页柠檬先生javaScript 引用类型

javaScript 引用类型

Object类型

  创建Object 实例的属性有两种方式。

    1.使用new 操作符后跟Object 构造函数。

         var   person = new Object();

      person.name = "Nicholas";

      person.age = 29;        

    2.使用对象字面量表示。

     var person = {

        name:"Nicholas",

        age: 29

      }

    另外还有一种创建对象的方式是使用Object.create()方法,它是一个静态方法。  

    var obj = Object.create({x:1,y:2})

  Object构造函数创建一个对象包装器,对象是一种特殊的数据,对象用于属性和方法。

  访问属性的方法

    1.对象名.属性名 对象名.方法名();

    2.对象名["属性名"] 对象名["方法"]()

    var obj = {

        name:"柠檬先生",
        age:20,
        say:function(){

          console.log("名字:"+ this.name+"年龄:"+this.age)
        }
    }
    console.log(obj.name);
    console.log(obj["name"]);
    obj.say();
    obj["say"]();

   每个Object类型的实例共有的属性和方法:

      constructor 保存着用于创建当前对象的函数。

        function Tree(name){

          this.name = name
        }
        var theTree = new Tree("Redwood");

        console.log("theTree.constructor is"+ theTree.constructor);
              输出:  theTree.constructor is function Tree (name){this.name = name}

      hasOwnProperty: 用于检测给定的属性在当前对象的实例中是否存在。

        o= new object();
        o.propOne = null;
        o.hasOwnProperty('propOne');// 返回true
        o.propTwo = undefined;
        o.hasOwnProperty('propTwo');// 返回true

      isProtoypeOf:用于检查传入的对象是否是当前对象的原型。

        function Foo(){}
        function Bar(){}
        function Baz(){}
        Bar.prototype = Object.create(Foo.prototype);
        Bar.prototype = Object.create(Bar.prototype);

        var baz = new Baz();
        console.log(Baz.prototype.isPrototypeOf(baz));  // true
        console.log(Bar.prototype.isPrototypeOf(baz));  // true

      propertyIsEnumerble:用于检查给定属性能否使用for-in来枚举。

      toLocaleString():返回对象的字符串。

      var number = 3500;
      console.log(number.toLocaleString())  // Displays "3,500" if in U.S. English locale

      toString():返回对象的字符串表示。

        var o = new Object();
        o.toString(); // returns [object Object]

      valueOf(): 返回对象的字符串,数值,或布尔表示,通常和toString() 返回的值相同。   

      var obj   = {name:“张三”,age:"18"};

      console.log(obj.valueOf() === obj);// true 

Array 类型

    数组是一种类列表对象,它的原型中提供了遍历和修改元素的相关操作。

    创建数组的方法:

      隐式创建

          var arr = ["apple","oppo","vivo"];

      直接实例化:

          var arr = new Array("apple","oppo","vivo")

      创建数组并给数组元素赋值

                 var arr = new Array();

          arr[0] = "apple";

          arr[1] = "oppo";

          arr[2] = "vivo";               

    数组遍历方法:

        for 语句

          var  arr = [1,2,4,6];
          for(var i = 0,len = arr.length;i < ken;i++){
            console.log(arr[i])
          }

        forEach 语句

          var arr= [1,2,3,4,5];
          arr.forEach(function(item){

            console.log(item)
          })

       for-in 语句

        var obj = {name:‘test’,color:'red',day:'sunday',number:6};
        for(var key in obj){

          console.log(obj[key])
        }

      for-of 语句

        var arr= [{name:'nmxs',5,'test'}];
        for(item off arr){

          console.log(item)
        }

      map 方法 :方法会给原数组的每个元素都按顺序调一次callback函数。

        var arr = [1,2,3,4];
        var firearr = arr.map(current = > current * 5)

      reduce 方法: 让数组中的前项和后项做某种计算

        var  wallets = [4,7,8,3];
        var totalMoney = wallets.reduce(function (countedMoney,wallet){

          return countedMoney + wallet.money
        },0)

      filter 方法:(不改变原数组) filter 为数组中的每一个元素调用一次callback 函数,并利用给所有使得callback 返回true 或 等价于 true 的值的元素创建一个新数组。

        var arr = [1,2,3,4,5];
        var morearr = arr.filter(function(number){

          return number > 3;
        })

      every 方法: 为数组中的每一个元素执行一次callback 函数,直到它直到一个使callback 返回false的元素。

        var arr = [1,2,3,4];
        var  result = arr.every(function(item,index){

          return item>0
        })

      some 方法; 为数组中的每一个元素执行一次callback 函数,直到找到一个使得callback返回一个真值。

      var arr = [1,2,3,4,5];
      var result = arr.some(function(item,index){

        return item > 3;
      })

  数组对象方法

      concat() 链接两个或者更多的数组,并返回结果。

        语法:arragObject.concat(arrayX,arrayX,....,arrayX)

      join() 把数组的所有元素放入一个字符串,元素通过指定的分割父进行分隔。

        var arr = ["George","John","Thomas"];
        console.log(arr.join("."))
        // George.John.Thomas

      pop() 删除并返回数组的最后一个元素。

        var arr = ["George","John","Thomas"];
        console.log(arr.pop()) //Thomas
        console.log(arr) // George John

      push() 像数组的莫问添加一个或者多个元素,并返回新的长度。

        var arr = ["George","John","Thomas"];
        console.log(arr.push("Amos")) // 4
        console.log(arr)// George,John,Thomas,Amos

      reverse() 颠倒数组中元素的顺序。

       var arr = ["George","John","Thomas"];
       console.log(arr.reverse()); // Thomas,John,George

      shift() 删除并返回数组的第一个元素。

       var arr = ["George","John","Thomas"];
       console.log(arr.shift()) // George
       console.log(arr) // John,Thomas

      slice() 从某个已有的数组返回选定的元素。

      var arr = ["George","John","Thomas"];
      console.log(arr.slice(1)) // George,John
      console.log(arr.slice(1,2)) // John

      sort() 对数组的元素进行排序。

      var arr = ["George","John","Thomas","1"];
      console.log(arr.sort())  // 1,George,John,Thomas

      splice() 删除元素,并向数组添加新元素。    

      var arr = ["George","John","Thomas","Amose"];
      console.log(arr.splice(1,0,"a")) // 像数组1 的位置添加元素    George a John Thomas Amose

      toString() 把数组转换为字符串,并返回结果。

      var arr = ["George","John","Thomas","Amose"];
      console.log(arr.toString()) // George,John,Thomas,Amose

      toLocaleString() 把数组转换为本地数组,并返回结果。

      var arr = ["George","John","Thomas"];
      console.log(arr.toLocaleString()) // George, John,Thomas

      unshift() 像数组的开头添加一个或更多元素,并返回新的长度。

      var arr = ["George","John","Thomas"];
      console.log(arr.unshift("Will")) // 4
      console.log(arr) // will,George,John,Thomas 

      valueOf() 返回数组对象的原始值。

      var arr = ["George","John","Thomas"];
      console.log(arr.valueOf())

Date 类型

    Date 对象的语法 

      Date()来取当前天的日期
      Date()  // 来取当前天的日期
      //   Thu Nov 28 2019 22:13:23 GMT+0800 (中国标准时间)"

      getDate() 方法返回月份的某一天

      var D = new Date();
      console.log(D.getDate()) // 28

     getDay() 方法可返回表示星期的某一天的数字0~6

      var D = new Date();
      console.log(D.getDay()) //4

     getMonth() 方法可返回表示月份的数字 0一月 11 十二月   

      var D = new Date();
      console.log(D.getMonth()) // 10

    getFullYear() 方法可返回一个标识年份的4位数字。   

      var D = new Date();
      console.log(D.getFullYear()) // 2019

    getHours() 方法可返回时间的小时字段

    var D = new Date();
    console.log(D.getHours) // 23

    getMinutes() 方法可以返回时间的分支字段

    var D = new Date();
    console.log(D.getMinutes()) //16

    getSeconds() 方法返回时间的秒 0~59

     var D = new Date();
     console.log(D.getSeconds)  // 22

    getMilliseconds() 方法可以返回时间的毫秒

    var D = new Date();
    console.log(D.getMilliseconds())  // 847

    getTime() 方法可返回距 1970年1月1日之间的毫秒数

    var D = new Date();
    console.log(D.getTime()) //1575106709254

    getTimezoneOffset() 返回本地时间与格林威治标准时间的(GMT)的分钟差。

    var D = new Date();
    console.log(D.getTimezoneOffset())  // -480

    getUTCDate() 根据世界时从Date 对象返回月中的一天(1-31)

    var D = new Date();
    console.log(D.getUTCDate());  // 30

    getUTCDay() 根据世界时返回表示星期的一天的一个数字

    var D = new Date();
    console.log(D.getUTCDay()); // 6

 setSeconds() 设置当前时间段的秒

    var D = new Date();
本文参与 腾讯云自媒体分享计划 ,欢迎热爱写作的你一起参与!
本文分享自作者个人站点/博客:https://www.cnblogs.com/nmxs复制
如有侵权,请联系 cloudcommunity@tencent.com 删除。
登录 后参与评论
0 条评论

相关文章

  • JavaScript 引用类型

    关联数组:数组下标可以自定义,{}。length属性:无。for key in arr遍历。

    城市中的游牧民族
  • JavaScript之引用类型

      Object类型是JavaScript中使用最多的一种类型。虽然Object的实例不具备多少功能,但对于在应用程序中存储和传输数据而言,它确实是非常理想的选...

    用户6182664
  • JavaScript引用类型之Object类型

    在JavaScript中大多数的引用类型都是Object的实例,Object类型也是使用最多的类型! 创建Object类型实例的方式有两种,下面分别来分析一下:...

    郑小超.
  • JavaScript之引用类型介绍

           引用类型的值(对象)是应用类型的一个实例。在ECMAScript中,引用类型是一种数据结构,用于将数据和功能组织在一起,用于将数据和功能组织在一起...

    郑小超.
  • 重学Javascript之引用类型

    对象是某个特定引用类型的实例。新对象是使用 new 操作符跟一个 构造函数来创建的。构造函数本身就是一个函数,只不过该函数是出于创建新对象的目的而定义的,如下:

    执行上下文
  • JavaScript引用类型之Array类型一

    一、简介 除了Object之外,Array类型恐怕是ECMAScript中最常用的类型了。下面就来分析ECMAScript中的数组与其他语言中的数组的异同性: ...

    郑小超.
  • 07JavaScript引用类型

    Date提供now()方法,可以得到一个从 1970 年1月1日 00:00:00 至当前系统时间的毫秒数值。

    Dreamy.TZK
  • JavaScript集合引用类型 - Array

    使用数组字面量初始化数组时,可以使用一串逗号来创建空位(hole),es6规范每个空位的值为undefined

    崔哥
  • JavaScript基本类型与引用类型

    前面已经说过,JavaScript变量是松散类型,它可以保存任何类型的值。变量的值以及数据类型可以在脚本的生命周期内发生改变。变量包含两种不同类型的值:基本类型...

    水击三千
  • JavaScript基本类型与引用类型(二)

    前文已经对基本类型和引用类型作了简单的介绍,本文将进一步介绍基本类型和引用类型。 基本包装类型   为了方便操作基本类型的值,JavaScript提供了特殊的引...

    水击三千
  • JavaScript 的基本类型和引用类型

    JavaScript 数据类型目前是有 8 种,在大的方向可以分为两种,一种是基本类型,另外一种是引用类型。

    青年码农
  • 【说站】javascript引用类型的特性

    以上就是javascript引用类型的特性,希望对大家有所帮助。更多Javascript学习指路:Javascript

    很酷的站长
  • 【说站】javascript引用类型的赋值

    1、引用类型的赋值实际上是对象保存在栈区地址指针上的授权值,因此两个变量指向同一个对象,任何操作都会相互影响。

    很酷的站长
  • 【说站】javascript引用类型是什么

    1、引用类型有Object:Array、Function、Date、RegExp等。

    很酷的站长
  • JavaScript引用类型之RegExp类型(正则表达式)

    ECMAScript中使用RegExp来支持正则表达式。使用下面类似Perl的语法,就可以创建一个正则表达式。 var expression=/pattern...

    郑小超.
  • JavaScript引用类型之Array数组的排序方法

    数组中已经存在两个JavaScript给我们定义好的重排序的方法:reverse()和sort()方法,下面来简单分析下: 1、reverse()    用于反...

    郑小超.
  • 引用类型

    在JavaScript中引用类型是一种数据结构,将数据和功能组织在一起,或者也称之为类,但是在ECMAScript并不真正具有类,所以我们都把引用类型称之为对象...

    wade

扫码关注腾讯云开发者

领取腾讯云代金券