JavaScript基础之数组与对象方法

  1. 对象

    1. 对象的合并
      1. 方法Object.assign() 用于对象的合并,将源对象的属性复制到目标对象中
      2. 如果目标对象与源对象有同名属性,或多个源对象有同名属性,则后面的属性会覆盖前面的属性。
      3.             var obj1 = {a:1};
        			var obj2 = {b:2};
        			var obj = Object.assign(obj1,obj2);//

    2. 返回对象的属性值和属性名
      1. 属性名
      2. var obj5={
        			name:"关羽",
        			age:29,
        			sex:"男",
        			position:"五虎上将之首"
        		}
        var result=Object.keys(obj5);
        		//result类似于一个数组,Object.keys()返回值属性名或者方法名

      3. 属性值
      4. var rePro=Object.values(obj5);
        		//rePro获取obj5所有属性值,是一个数组
        		//Object.values() 用于返回对象可枚举的属性值,返回结果是一个数组

    3. 判断属性以及销毁对象
      1. 判断对象中是否包含某个属性  :  in操作符
      2. //var a = "b" in obj;   //true  表示有这个属性
        			//var b = "f" in obj;   //false 表示没有这个属性

        //2.销毁对象            对象=null;
                    console.log(obj);   //{ a: 1, b: 2, c: 3, d: 4 }
                    console.log(obj.b); //2

  2. 数组

    1. 数组转换字符串 join()
      1. 代码
        1.         // 1.join()方法将数组元素转换为一个字符串,原来数组会保留
          		// join("连接符")该方法用于接收一个参数,即分隔符,省略的话则用默认逗号分割
          		var array1=[1,2,3,4,5,6];
          		var str1=array1.join("*");

           

      2. 效果
    2. 伪数组转换数组 伪数组转换为数组Array.from()
      1. 代码
        1.         // 2.伪数组转换为数组Array.from()
          		// 字符串
          		var str2="https://www.csdn.net";
          		// 数组
          		var array2=[1,2,3,4,5,6];
          		var obj1={
          			ip:"http://www.csdn.net",
          			name:"csdn",
          			type:"互联网"
          		}
          		console.log(str2.length);
          		console.log(array2.length);
          		console.log(obj1.length);
          		var a=Array.from(str2);
          		var b=Array.from(array2);
          		var c=Array.from(obj1);
      2. 效果
    3. 数组末尾添加与删除
      1. 添加
        1. 代码
                  var array3=[1,2,3,4,-1,99,29];
          		// pop()数组末尾删除元素,长度减一,返回删除元素
          		// push()数组末尾添加元素,长度加一,返回数组长度
          		// 注意:无论是pop还是push方法会直接修改原来数组,而不是创建新数组
          		var delAfterArr=array3.pop();//返回删除的元素 29
          		var delAfterArr=array3.pop();//返回删除的元素 99
          		var addAterArr=array3.push(2);//增加后数组长度1,2,3,4,-1,2
          		var addAterArr=array3.push(33);//增加后数组长度1,2,3,4,-1,2,33

           

        2. 效果
    4. 数组开头添加与删除
      1. 代码
        var arr = [1,2,3,4,5,6];
        			
        			//1.shift() 删除数组开头第一项,减少数组的 length 值,然后返回移除的元素。
        			//shift()会直接修改原数组,而不是创建一个新的数组
        			//var a = arr.shift();      //a: 1      arr: [ 2, 3, 4, 5, 6 ]
        			
        			
        			//2.unshift() 用于向数组的开头添加一个或多个元素,并返回修改后数组的长度(数值类型)。
        			//unshift()会直接修改原数组,而不是创建一个新的数组
        			//var b = arr.unshift(7);   //b:  7数组的长度
        			var c = arr.unshift("小明","小红");   
        			//c: 8 数组的长度
        			//arr:[ "小明", "小红", 1, 2, 3, 4, 5, 6 ]
        			
        			console.log(arr); 

         

      2. 效果
    5. 数组任意位置添加与删除
      1. 代码
                var array4=["刘备","关羽","张飞","黄忠","马超","赵云"];
        		// array4.splice(0,1);//结果是:array4中剩下关羽,张飞
        		// 上一行代码表示:从第一个数据开始删除1个数据元素
        		array4.splice(2,2);
        		// 上一行代码表示:从第三个数组元素开始删除,删除两个即从"黄忠"开始到"马超"为止
        		// 三个参数:起始位置,插入项数
        		// array4.splice(0,0,"诸葛亮","孟获","魏延");//第一个0:表示数组第一个元素前面插入
        		// 第二个0:表示删除元素个数:0,
        		// 后面参数:依次表示要插入数据

         

      2. 效果
    6. 数组任意位置替换与截取
      1. 代码
                var array4=["刘备","关羽","张飞","黄忠","马超","赵云"];
        		// array4.splice(1,1,"文聘");
        		// 第一个1:表示从二个数据开始,
        		// 第二个1:表示替换1个数据,
        		// 第三个参数:表示要替换的数据
        		array4.splice(0,3,"曹阿瞒","郭嘉","荀彧");
        		// 截取:splice()返回一个包含原来数组中删除项的数组
        		var as=array4.splice(0,3);//as获取的是:曹阿瞒,郭嘉,荀彧

         

      2. 效果
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值