精华内容
下载资源
问答
  • JavaScript对象和数组

    2021-04-10 16:30:43
    JavaScript对象和数组前言正文总结 前言 JavaScript对象和数组是非常经常用到接收和保存数据的工具,他们都可以进行遍历,数组还自带了很多操作数组方法,下面就来大致介绍一下他们的用法。 提示:以下是本篇文章...


    前言

    JavaScript对象和数组是非常经常用到接收和保存数据的工具,他们都可以进行遍历,数组还自带了很多操作数组方法,下面就来大致介绍一下他们的用法。


    提示:以下是本篇文章正文内容,下面案例可供参考

    正文

    1. 对象:对象是JS中的引用数据类型,可以保存多个不同数据类型(基本数据类型、数组、函数)的属性
      - 创建对象:var obj = {};
      - 添加属性:对象.属性名 = 属性值; 对象[“属性名”] = 属性值;
      - 读取属性:对象.属性名;对象[“属性名”];
      - 删除属性:delete 对象.属性名;delete 对象[“属性名”]
      - 检查对象是否包含指定属性:“属性名” in 对象

    2. 枚举对象中的属性:
      for(var 属性名 in 对象){

      }

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    	</head>
    	<body>
    		<input type="text" id="name"/>
    		<input type="text" id="age"/>
    		<input type="text" id="curdate"/>
    	</body>
    	<script>
    		var obj = {};
    		obj.name = "小明";
    		obj.age = 12;
    		obj.year = 2020;
    		obj.month = 1;
    		obj.day = 1;
    		obj.getDate = function() {
    			return this.year+"年"+this.month+"月"+this.day+"日";
    		}
    		var na = document.getElementById("name");
    		var age = document.getElementById("age");
    		var curdate = document.getElementById("curdate");
    		na.value = obj.name;
    		age.value = obj.age;
    		curdate.value = obj.getDate();
    	</script>
    </html>
    
    1. 数组:数组也是一个对象,是一个用来存储数据的对象
      - 创建数组:var arr = [];
      - 向数组添加元素:arr[0] = 1;
      - 创建数组时直接添加元素:var arr = [0,“3”…boolean];
      - 获取数组长度:arr.length
      - 修改数组的长度:arr.length = 10;
      - 向数组的最后添加元素:arr[arr.length] = 10;
      - 数组的方法:
      - push():用来向数组的末尾添加一个或多个元素,并返回数组新的长度
      - pop():用来删除数组的最后一个元素,并返回被删除的元素
      - unshift():向数组的前边添加一个或多个元素,并返回数组的新的长度
      - shift():删除数组的前边的一个元素,并返回被删除的元素
      - slice():可以从一个数组中截取指定的元素,它不会对原数组产生影响
      - splice():可以用来删除数组中指定元素,并使用新的元素替换
      - reverse():可以用来反转一个数组,它会对原数组产生影响
      - concat():可以连接两个或多个数组,它不会影响原数组,而是新数组作为返回值返回
      - join():可以将一个数组转换为一个字符串
      - sort():可以对一个数组中的内容进行排序,默认是按照Unicode编码进行排序
      - call()、apply():
      - 遍历数组:
      for(var i=0 ; i<arr.length ; i++){
      arr[i];
      }
      数组.forEach(function(value , index , obj){
      obj[index];
      });

    总结

    以上就是今天要讲的内容,本文仅仅简单介绍了数组和对象的基本使用,想要用好他们还要进行更深入的学习。加油,小伙伴们!!

    展开全文
  • js对象和数组

    2015-12-05 14:41:30
    js对象和数组js对象创建方式var jsOb = new Object(); var jsOb = Object(); var jsOb = {};初始化对象jsOb.name = '小明; jsOb.age = '16'; jsOb.run = function(){ return '这是一个jsOb run()方法的返回'; }var ...

    js对象

    创建方式

    var jsOb = new Object();
    var jsOb = Object();
    var jsOb = {};

    初始化对象

    jsOb.name = '小明;
    jsOb.age = '16';
    jsOb.run = function(){
        return '这是一个jsOb run()方法的返回';
    }
    
    var jsOb = {
        name : '小明',
        age : 16,
        run : function(){
            return '这是一个jsOb run()方法的返回';
        }
    }   

    调用对象的属性和方法

    alert(jsOb.name)    //小明
    alert(jsOb.age) //16
    alert(jsOb.run) //function(){return '这是一个jsOb run()方法的返回';}
    alert(jsOb.run())   //这是一个jsOb run()方法的返回

    js数组

    创建方式

    var arr = new Array();
    var arr = Array();
    var arr = [];

    创建并初始化数组

    var arr = new Array(1,'早上好',new Object());
    var arr = new Array(20);    //创建一个20长度的数组
    var arr = Array(1,'早上好',new Object());
    var arr = Array(20);    //创建一个20长度的数组
    var arr = [1,'早上好',new Object()];

    动态添加数据

    arr[arr.length] = '2';
    arr[arr.length+2] = '4';    //arr[arr.length+1]是undefined的。
    arr.length = 100;   //修改数组的长度值

    打印数组

    alert(arr); //1,2,3,4,5,6,7,8
    alert(arr.join('|'));   //1|2|3|4|5|6|7|8

    栈方法

    var arr = [1,2,3];
    arr.push('1',2,'第三个');  //返回数组的最新长度 : 6
    alert(arr) // 123,'1',2,'第三个'
    arr.pop(); //返回最后放入数组的元素:'第三个'
    alert(arr); //123,'1',2

    队列方法

    var arr = [1,2,3];
    arr.push('1',2,'第三个');  //返回数组的最新长度 : 6
    alert(arr); // 1,2,3,'1',2,'第三个'
    arr.shift();    //从数组开头取出一个,返回:1
    alert(arr); ///2,3,'1',2,'第三个'

    在数组最前面添加元素

    var arr = [1,2,3];
    arr.unshift('123','234');
    alert(arr); //123,234,1,2,3

    数组排序

    //翻转数组
    var arr = [3,1,2,4,5,15];
    arr.reverse();
    alert(arr); // 15,5,4,2,1,3 将数组逆向
    //对数组进行排序
    var arr = [3,1,2,4,5,15];
    arr.sort();
    alert(arr); //1,15,2,3,4,5 !!!???排序结果不对
    //原因:sort()方法默认是按照字符串的实行进行排序的,所以会取第一个字母比大小
    
    //解决方案
    function compare(value1,value2){
        if(value1<value2){
            return -1;
        }else if(value1>value2){
            return 1;
        }else{
            return 0;
        }
    }
    arr.sort(compare);
    alert(arr); //1,2,3,4,5,15

    基于当前数组创建一个新数组

    var arr = [1,2,3,4,5,6,7,8];
    var arr2 = arr.concat('arr2','arr2'); 
    alert(arr2);    //1,2,3,4,5,6,7,8,arr2,arr2
    var arr3 = arr.concat();
    alert(arr3);    //1,2,3,4,5,6,7,8  --单纯复制
    
    //取当前数组部分为新数组
    var arr4 = arr.slice(1);
    alert(arr4); //2,3,4,5,6,7,8 
    var arr5 = arr.slice(2,3);  //取2~3
    alert(arr5);    //3,4
    
    //splice删除
    var arr6 = arr.splice(2,3); //从第一位开始一次往后删除3位,并将删除的值赋值给arr6
    alert(arr6); // 3,4,5
    
    //splice插入或者替换
    var arr7 = arr.splice(2,0,'插入第一项','插入第二项');
    alert(arr7);    //空数组
    alert(arr)  //1,2,插入第一项,插入第二项,3,4,5,6,7,8
    
    var arr8 = arr.splice(2,-1,'插入第一项','插入第二项');
    alert(arr8);    //空数组 --此处同0
    alert(arr); //1,2,插入第一项,插入第二项,3,4,5,6,7,8
    
    var arr9 = arr.splice(2,1,'插入第一项','插入第二项');
    alert(arr9);    //3
    alert(arr); //1,2,插入第一项,插入第二项,4,5,6,7,8
    展开全文
  • 主要介绍了JavaScript对象和数组,需要的朋友可以参考下
  • 潜说js对象和数组

    2020-10-28 13:33:06
    潜说js对象和数组 对象是一个无序属性集合, 每个属性都有自己的名字和值
  • // 将一个字符串以","分割,转为数组 var arry = str.split(",")
  • Javascript对象和数组

    2019-09-28 22:00:40
    1.对象  创建对象:  (1)字面量创建:  var person={  name:"唐志荣",  age:24  }  (2)调用构造方法Object():  var person =new Object();  person.name="唐志荣";  person.age=24; 2....

    1.对象

      创建对象:

      (1)字面量创建:

       var person={

        name:"唐志荣",

        age:24

       }

      (2)调用构造方法Object():

      var person =new Object();

      person.name="唐志荣";

      person.age=24;

    2.数组

      数组属于Object类型。

      同样可以采用两种方法创建。在开发中可以采用复杂数组进行数据存储,并使用shift()、unshift()、splice()等方法对数组进行操作。

      var arr={

      {

        name:"唐志荣",

        age:24
      },

      new Array(1,2,3),

      [1,2,"yun",new Objetc()]

    }

    转载于:https://www.cnblogs.com/tangzhirong/p/4802661.html

    展开全文
  • JavaScript 对象和数组

    热门讨论 2017-08-06 14:24:35
    对象对象其实就是一种引用类型,object有两种类型一种是new运算符,另一种是字面量表达式 属性—字段 方法—-函数 对象创建方法:var box={run:function(){return '运行'}}alert(box.run())对象中的方法:转换...

    前言

    我想大多数人听到这个词都是非常熟悉的吧,从我们刚开始结束语言开始就认识了他们,无论在IT编程那个部分这两个名词一直都在伴随着我们。


    对象

    对象其实就是一种引用类型,object有两种类型一种是new运算符,另一种是字面量表达式
    属性—字段
    方法—-函数
    对象创建方法:var box={run:function(){return '运行'}}alert(box.run())


    对象中的方法:转换方法:toLocaleString(),toString(),vlaueof()。toString(),vlaueof()代表的是内置方法意思是显示原本的数据。 toLocaleString()也是内置方法,不过他可以用在时间上,时间是本地的时间,返回类型是string类型


    数组

    栈:调用的是push和pop方法。当他执行方法的时候必须改变长度,push表示添加元素,这个时候我们需要改变长度,pop移除数据中最后元素,并且返回显示移除的元素。栈遵循的是先进后厨思想


    队列:遵循是先进先出原理,shift()方法表示移除开头的元素,并且显示出来,push任然表示添加数据元素,


    排序方法

    reverse逆向排序,他的功能主要是把数据进行逆向排序,并且元数据也被改变,原因是因为他是引用类型,如果是值类型则原数据不会被改变
    soft:按顺序进行排序,可以是从大到小,也可以从小到大,但是根据你的一定义而改变,两个数比较的时候,如果大的表示正值,小的负值,等于=0,
    concat:基于当前数组创建一个新类型的数组,它是值类型的,concat(0,2)表示从0个位置,取到2个位置
    splice:是对数组进行增删改查功能,1,删除工作,splice(0,2)从第0个位置起删除第二个元素,2,插入splice(1,0,江苏)从第一个位置起不删除元素添加一个江苏,3,体会功能,splice(1,1,100)从第一个位置取出1条,用100代替


    总结

    基础比进度更重要,如同盖楼一样,地基不稳永远挡不住狂风!

    展开全文
  • idx-遍历JavaScript对象和数组属性的实用工具

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 26,116
精华内容 10,446
关键字:

js对象和数组