您的位置:首页 > Web前端 > JavaScript

JavaScript中数值和对象

2016-04-05 17:48 344 查看
[b]一、创建对象并将其初始化[/b]

a、使用new创建对象和方法

<<!DOCTYPE html>
<html>
<head>
<mete http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<title>javaScript中的数组和对象</title>
<script type="text/javascript" src="./out.js">
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);
</script>
</head>
<body>

</body>
</html>


  b、字面量表示方法

<<!DOCTYPE html>
<html>
<head>
<mete http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<title>javaScript中的数组和对象</title>
<script type="text/javascript" src="./out.js">
var box={
name:"张三",
age:23,
run:function(){
return "我是中国人!!"
}
};
document.write(typeof box);
document.write(box.name);
document.write(box.age);
document.write(box.run());
</script>
</head>
<body>

</body>
</html>


  c、综合使用
  说白了就是二者结合使用

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类型

新建数组的三种方法:

var box=new Array(1,2,3,4);
document.write(typeof box);
document.write(box);

var box2=new Array(10);
box2[3]=4;
box2[6]=25;
document.write(typeof box2);
document.write(box2);

var box3=[1,3,4,44,5,5,23];
document.write(typeof box3);
document.write(box3);


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

  默认的情况下,数组字符串都会以逗号隔开。如果使用join()方法可以使用不同的分割符来构建这个字符串

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



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


输出:



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


输出:



ECMAScript还为数组提供了一个unshift()方法,它和shift()方法的功能完全相反。unshift()方法为数组的前端添加
一个元素。

?
输出:



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

?
sort():从小到大排序

?
如果我们实验次数多的话可能回遇到这样的问题,

?
我们从结果可以看出,这违背了我们想要的结果,解决方法:

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


b


c


splice中的删除功能


splice中的插入功能


splice中的替换功


以上就是关于JavaScript对象和数组的详细介绍,希望对大家的学习有所帮助。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: