javascript 表达式和运算符 对象和数组的初始化表达式 十八

对象的初始化:

Object类型是包含属性(也可以叫字段)和方法(也可以叫函数)。因此在创建Object类型的时候一定是要说明的要点。

 一般创建Object类型数的方法有两种:

 (1)使用new运算符

var box= new Object();
box.name= "张三" ; //创建属性以及初始化
box.age=23;
box.run=running(); //创建方法
function running(){
    return "我是中国人!" ;
}
document.write( typeof box+ "<br/>" );
document.write(box.name+ "<br/>" );
document.write(box.age+ "<br/>" );
document.write(box.run); 

(2)字面量表示法

var box={
  name: "张三" ,
  age:23,
  run: function (){ 
    return "我是中国人!" ;
  }
};
document.write( typeof box+ "<br/>" );
document.write(box.name+ "<br/>" );
document.write(box.age+ "<br/>" );
document.write(box.run()); 

(3)综合使用
       我们在传递多个参数的情况下,需要我们按顺序依次输入,为了解决这个繁琐的过程,我们可以将多个参数封装
到一个Object类型中,使用Object类型作为参数,对于不存在或多出的参数我们也可以进行判断,这样方便了调用函
数及传递参数。

function box(obj){
   if (obj.name!=undefined)document.write(obj.name+ "<br/>" );
   if (obj.age!=undefined)document.write(obj.age+ "<br/>" );
   if (obj.love!=undefined)document.write(obj.love+ "<br/>" );
}
var obj={
   name: "张三" ,
   age:23
};
box(obj);

二、Array类型
        ECMAScript中的数组和其他的语言有着很大的差别,JS中的数组中的元素可以是任何数据类型,数组的大小也
是可以调整的。从侧面反映出了JS是一种弱类型语言。创建Array类型数的方法有两种:


(1)使用new运算符(new可以省略)


var box= new Array(1,2,3,4);
document.write(typrof box+ "<br/>" ); //Array属于Object类型
document.write(box); //输出1,2,3,4 

(2)使用字面量创建数组

var box=[1,2,3,4];
document.write(typrof box+ "<br/>" ); //输出Object
document.write(box.length+ "<br/>" ); //输出数组的长度为4
document.write(box); //输出1,2,3,4 


三、对象中的方法
(1)转换方法
       对象或数组都具有toLocaleString(),toString()和valueOf()方法。其中toString()和valueOf()无论重写了谁,都会返
回相同的值。数组会将每个值进行字符串形式的拼接,以逗号隔开。

var box=[1,2,3,4];
document.write(box+ "<br/>" ); //输出1,2,3,4
document.write(box.toString()+ "<br/>" ); //输出1,2,3,4
document.write(box.valueOf()+ "<br/>" ); //输出1,2,3,4
document.write(box.toLocaleString()); //输出1,2,3,4 

(2)栈方法
       ECMAScript数组提供了一种让数组的行为类似于其他数据结构的方法。也就是说,可以让数组像栈一样,可以限
制插入和删除想的数据结构。栈是一种后进先出的数据结构,也就是最新添加的元素最早被移除。而栈元素的插入和
移除,只发生在栈的顶部。ECMAScript为数组专门提供了push()和pop()方法。

  push()方法可以接受任意数量的参数,把它们逐个添加到数组的末尾,并返回修改数组的长度。而pop()方法则从
数组末尾移除最后一个元素,减小数组的length值,然后返回移除的元素。


 (3)队列方法
       栈方法是后进先出,队列方法是先进先出。队列在数组的末端添加元素,从数组的前端移除元素。通过push()向
数组末端添加一个元素,然后通过shift()方法从数组的前端移除一个元素。


(4)重排序方法
数组中已经存在两个直接用来排序的方法:reverse()和sort()。
reverse():逆向排序


 (5)操作方法
JS为操作已经包含在数组中的元素提供了许多的方法。concat()方法可以基于当前数组创建一个新数组。slice()方
法可以基于当前数组获取指定区域元素并创建一个新数组。splice()方法主要用途是向数组的中部插入元素。



<!DOCTYPE html>
<lang ="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <script type="text/javascript">
        var box  = new Object();
        box.name = "张森纳";
        box.age  = 23;
        box.run = running();
        function  running() {
            return "我是中国人";
        }
        document.write(box.name +"<br/>" + box.age +"<br/>");

        var person = {name :"陈cc" ,
                age :23,
                running:function(){
                    return "我是中国人";
                   }
              }
        document.write(person.name +"<br/>" + person.age +"<br/>");
        document.write(person.running());

        function  box2(obj) {
            if (obj.name !=undefined)  document.write(obj.name + "<br/>");
            if (obj.age  != undefined) document.write(obj.age + "</br>");
            if (obj.love != undefined) document.write(obj.love + "</br>" );
        }
        var obj = {
            name : "历史",
            age : 23
        };
        box2(obj);

        document.write("</br>");

        var array1 = new  Array(1,2,2,3);
        document.write( typeof  array1 + "<br/>");
        document.write(array1);
        document.write("</br>");

        var box1=new Array(10);//创建数组默认必须是数字,必须是一位数字
        box1[3]=4;//初始化数组中的元素
        box1[5]=6;
        document.write(box1);//输出,,,4,,6,,,,

        //创建一个复杂的数组、可以是哥汇总个样的类型
        var boxtype=[
            {
                name:"张三",
                age:23
            },//Object类型
            [1,2,3,4],//Array类型
            "JS",//String类型
            25+25,//Number类型
            new Array(1,2,3)//Array类型
        ];
        document.write(typeof boxtype+"<br/>");
        document.write(boxtype[0].name+"<br/>");
        document.write(boxtype[3]);

        var box=[1,2,3,4];
        document.write(box+"<br/>");//输出1,2,3,4
        document.write(box.toString()+"<br/>");//输出1,2,3,4
        document.write(box.valueOf()+"<br/>");//输出1,2,3,4
        document.write(box.toLocaleString());//输出1,2,3,4

        var boxjoin = [1,2,3,4];
        document.write(box + "<br/>");
        document.write(typeof boxjoin + "<br/>");
        document.write(box.join("-")+"<br/>");
        document.write(typeof box.join("-"));
//push()方法可以接受任意数量的参数,把它们逐个添加到数组的末尾,并返回修改数组的长度。而pop()方法则从
//        数组末尾移除最后一个元素
        var box=[1,2,3,4];
        document.write(box+"<br/>");
        box.push(5,6);//在数组末尾添加元素
        document.write(box+"<br/>");
        document.write(box.push(7,8)+"<br/>");//在数组末尾添加元素,并返回添加元素后数组的长度
        document.write(box+"<br/>");
        box.pop();//移除数组末尾的元素
        document.write(box+"<br/>");
        document.write(box.pop()+"<br/>");//移除数组末尾的元素,并返回移除的元素
        document.write(box);

//        从数组的前端移除元素。通过push()向
 //       数组末端添加一个元素,然后通过shift()方法从数组的前端移除一个元素。
        var box=[1,2,3,4];
        document.write(box+"<br/>");
        box.push(5,6);//在数组末尾添加元素
        document.write(box+"<br/>");
        document.write(box.push(7,8)+"<br/>");//在数组末尾添加元素,并返回添加元素后数组的长度
        document.write(box+"<br/>");
        box.shift();//移除数组前端的一个元素
        document.write(box+"<br/>");
        document.write(box.shift()+"<br/>");//移除数组前端的一个元素,并返回移除的元素
        document.write(box);
        document.write(box+"======================="+"<br/>");
   //     ECMAScript还为数组提供了一个unshift()方法,它和shift()方法的功能完全相反。unshift()方法为数组的前端添加
        //   一个元素。
        var box=[1,2,3,4];
        document.write(box+"<br/>");
        box.unshift(5);//在数组的前端添加一个元素
        document.write(box+"<br/>");
        document.write(box.unshift(-1)+"<br/>");//在数组的前端添加一个元素,并返回添加元素会数组的长度
        document.write(box+"<br/>");
        box.pop();//在数组末尾移除元素
        document.write(box+"<br/>");
        document.write(box.pop()+"<br/>");//在数组末尾移除元素,并返回移除元素后数组的长度
        document.write(box);
        document.write("======================="+"<br/>");
        document.write("======================="+"<br/>");

        var  box = [3,2,3,5,6,7];
        box.sort();
        document.write(box+"<br/>");
        document.write(box.sort()+"<br/>");
        document.write(box.reverse()+"<br/>");//再次进行逆序,输出12345
     //   concat()方法可以基于当前数组创建一个新数组。slice()方法可以基于当前数组获取指定区域元素并创建一个新数组。splice()方法主要用途是向数组的中部插入元素。
        var box=[1,2,3,4,5];
        var box1=box.concat(6);//创建新数组,并添加新元素
        document.write(box1+"<br/>");//输出1,2,3,4,5,6,
        document.write(box);//原数组不变化

        document.write("======================="+"<br/>");
        document.write("======================="+"<br/>");
        /**
         * Removes elements from an array and, if necessary, inserts new elements in their place, returning the deleted elements.
         * @param start The zero-based location in the array from which to start removing elements.
         * @param deleteCount The number of elements to remove.
         * @param items Elements to insert into the array in place of the deleted elements.
         */
        //splice(start: number, deleteCount: number, ...items: T[]): T[];
        var box=[1,2,3,4,5];
        var box1=box.slice(2,3);//取出索引为2到3之间的元素组成新的数组
        document.write(box1+"<br/>");//输出3
        document.write(box);//原数组不变化


        var box=[1,2,3,4,5];
        var box1=box.splice(0,2);//截取索引为0开始的两个元素组成新的数组
        document.write(box1+"<br/>");//返回截取的元素1,2
        document.write(box);//当前数组被截取的元素被删除,输出3,4,5

        var box=[1,2,3,4,5];
        var box1=box.splice(4,0,[6,7,8]);//索引为4的位置插入了一个元素
        document.write(box1+"<br/>");//返回新的数组为空,并没有截取元素
        document.write(box);//当前数组索引为4的位置插入一个元素1,2,3,4,6,5


        var box=[1,2,3,4,5];
        var box1=box.splice(4,1,6);//索引为4的元素被替换,替换下来的元素组成新数组
        document.write(box1+"<br/>");//返回新的数组5
        document.write(box);//被替换后的原数组1,2,3,4,6


    </script>
</head>
<body>

</body>
</html>



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值