一、创建对象并将其初始化

 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:,

            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值，然后返回移除的元素。

1
2
3
4
5
6
7
8
9
10
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);

输出：

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

1
2
3
4
5
6
7
8
9
10
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);

输出：

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

1
2
3
4
5
6
7
8
9
10
var box=[1,2,3,4];
document.write(box+"<br/>");
box.unshift(0);//在数组的前端添加一个元素
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);

输出：

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

1
2
3
4
var box=[1,2,3,4,5];
box.reverse();
document.write(box+"<br/>");//输出54321
document.write(box.reverse());//再次进行逆序，输出12345

sort():从小到大排序

1
2
3
4
var box=[3,2,6,4,1,5];
box.sort();
document.write(box+"<br/>");//输出1,2,3,4,5,6
document.write(box.sort());//再次从小到大进行排序

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

1
2
3
var box=[0,15,10,1,5];
box.sort();
document.write(box);//输出0,1，10，15,5

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function compare(value1,value2){
  if(value1<value2){
   return -1;
  }
  else if(value1>value2){
   return 1;
  }
  else{
   return 0; 
  } 
}
var box=[0,15,10,1,5];
box.sort(compare);
document.write(box);//输出0,1,5,10,15

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

1
2
3
4
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);//原数组不变化

b

1
2
3
4
var box=[1,2,3,4,5];
var box1=box.slice(2);//取出索引为2以后的元素组成新的数组
document.write(box1+"<br/>");//输出3,4,5
document.write(box);//原数组不变化

c

1
2
3
4
var box=[1,2,3,4,5];
var box1=box.slice(2,3);//取出索引为2到3之间的元素组成新的数组
document.write(box1+"<br/>");//输出3
document.write(box);//原数组不变化

splice中的删除功能

1
2
3
4
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

splice中的插入功能

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

splice中的替换功

1
2
3
4
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

以上就是关于JavaScript对象和数组的详细介绍，希望对大家的学习有所帮助。

JavaScript中数值和对象的更多相关文章

  1. JavaScript中的事件对象

    JavaScript中的事件对象 JavaScript中的事件对象是非常重要的,恐怕是我们在项目中使用的最多的了.在触发DOM上的某个事件时,会产生一个事件对象event,这个对象中包含这所有与事件有 ...

  2. Javascript学习1 - Javascript中的类型对象

    原文:Javascript学习1 - Javascript中的类型对象 1.1关于Numbers对象. 常用的方法:number.toString() 不用具体介绍,把数字转换为字符串,相应的还有一个 ...

  3. JavaScript中创建字典对象（dictionary）实例

    这篇文章主要介绍了JavaScript中创建字典对象(dictionary)实例,本文直接给出了实现的源码,并给出了使用示例,需要的朋友可以参考下 对于JavaScript来说,其自身的Array对象 ...

  4. 简单使用JSON,JavaScript中创建 JSON 对象(一)

    JSON:JavaScript 对象表示法(JavaScript Object Notation). JSON 是存储和交换文本信息的语法.类似 XML. JSON 比 XML 更小.更快,更易解析. ...

  5. JavaScript中的window对象

    JavaScript中的window对象:http://www.cnblogs.com/kissdodog/archive/2013/01/01/2841464.html

  6. js：JavaScript中的ActiveXObject对象

    JavaScript中的ActiveXObject对象作用: https://blog.csdn.net/pl1612127/article/details/77862174

  7. 详解javascript中的this对象

    详解javascript中的this对象 前言 Javascript是一门基于对象的动态语言,也就是说,所有东西都是对象,一个很典型的例子就是函数也被视为普通的对象.Javascript可以通过一定的 ...

  8. javascript中如何获取对象名

    javascript中如何获取对象名 一.总结 一句话总结:将对象传入参数,看参数是否为函数(js中的对象和函数是一个意思么(函数肯定是对象)),对象参数.name属性即可获得 //版本4 funct ...

  9. JavaScript中的global对象，window对象以及document对象的区别和联系

    JavaScript中的global对象,window对象以及document对象的区别和联系 一.概念区分:JavaScript中的global对象,window对象以及document对象 1.g ...

随机推荐

  1. Spring Boot入门——json数据处理

    1.引入fastJson插件 <!-- 引入fastjson插件 --> <dependency> <groupId>com.alibaba</groupId ...

  2. $.ajax应用之请求头headers

    昨天项目中,由于要请求token验证,后台给出的方案是采用请求头返回token数据,给出的API文档是这样的 由于之前一直都是采用请求体发送请求,服务器在应答体李返回数据.和这个不一样: 采用jq的$ ...

  3. Kestrel Web 服务器学习笔记

    前言: ASP.NET Core 已经不是啥新鲜的东西,很多新启的项目都会首选 Core 做开发: 而 Kestrel 可以说是微软推出的唯一真正实现跨平台的 Web 服务器了: Kestrel 利用 ...

  4. EDID真实数据块，请参考标准文档仔细核对

    数据格式的详细说明:http://en.wikipedia.org/wiki/Extended_display_identification_data 下面是一个例子:

  5. logz.io一个企业级的ELK日志分析器 内部集成了机器学习识别威胁——核心：利用用户对于特定日志事件的反馈处理动作来学习判断日志威胁 + 类似语音识别的专家系统从各方收集日志威胁信息

    转自: 可看到它使用机器学习算法来识别DNS安全问题 http://logz.io/blog/machine-learning-log-analytics/ A Machine Learning Ap ...

  6. 如何将Emmet安装到到 Sublime text 3？第二部分该插件还能让我们自定义快捷键呼出某个浏览器以预览页面

    看清楚哦~~这是Sublime text 3不是2的版本,两者的安装还是有区别的,下面的方法是我感觉比较简单的,其他的要命令什么的感觉太复杂了,经测试是OK的. 先关闭Sublime text 3: ...

  7. run as android application过程

    1.打包 >> 把所有的class打包成为classes.dex >> AndroidManifest.xml 打包成二进制文件 >> res目录下面的文件打包到r ...

  8. 6.MySQL优化---高级进阶之表的设计及优化

    转自互联网整理. 优化之路高级进阶——表的设计及优化 优化①:创建规范化表,消除数据冗余 数据库范式是确保数据库结构合理,满足各种查询需要.避免数据库操作异常的数据库设计方式.满足范式要求的表,称为规 ...

  9. flash、js 函数 互相调用

    js调用flex函数 flex 利用ExternalInterface.addCallback(“注册的方法名”,As中的函数名)进行注册 js中,用document.getElementById(“ ...

  10. Spring转账业务_XML配置事物控制

    <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.sp ...