日期:2014-05-16  浏览次数:20465 次

javascript中的数组对象以及json学习笔记


1.Javascript中的数组
  数组的创建
  数组下标操作
  数组的方法
 
  concat join slice 不修改原数组
 
  push pop unshift shift reverse sort splice 修改原数组

2.Javascript中简单对象的创建与属性操作
  简单对象的创建
  简单对象属性的添加
  简单对象属性的访问
通过对象直接量的方式定义包含属性的对象

3.JSON数据格式
  JSON(Javascript Object Notation)是一种轻量级的数据交换格式。
  纯文本,Javascript原生支持
  与XML相比:
     优势实在Javascript当中解析快,操作方便,不需要使用DOM。
     缺点是在服务器端,生成正确的JSON格式数据与生成XML格式数据相比,服务器端语言的辅助包成熟度较低。
 
 
4.面向对象的Javascript
类的定义
公用属性和方法的定义
原型对象







===================================================

1.Javascript中的数组

数组的创建

 <script type="text/javascript">
 
 		function arrayTest(){
 			//使用new Array()
 			var array1 = new Array();
 			//使用[]操作符
 			var array2 = [];
 			
 			//创建的同时定义数组中的元素
 			//使用new Array()方式
 		  var array3 = new Array(1,2,3);
 		  //使用[]操作符
 		  var array4 = [1,2,3];
 		  
 		  //创建多维数组
 		  //使用new Array()方式
 		  var array5 = new Array(1,new Array(2,3),4);
 		    
 		  //使用[]操作符
 		  var array6 = [1,[2,3],4];
 		  
 		  //数组的下标操作
 		  //获取数组中的某元素的值
 		  alert(array3[1]);
 		  //设置数组中某个下标对应的元素值
 		  array4[2] = 111;
 		  //访问对维数组中的元素
 		  alert(array5[1][0]);
 		  //javascript中的数组时可以动态改变大小的,因此可以直接给一个不存在的下标设置元素值
 		  array[99] = 100;
 		  
 		  //数组中的方法
 		  //concat,这个方法可以用来做数组的连接或者说合并,原数组内容不会变更,将返回一个新的数组
 		  var array41 = array.concat(101,102,103);
 		  var array42 = array.concat([104,105]);
 		  var array43 = array.concat(array4);
 		  
 		  //join,这个方法可以将数组当中的元素,按照指定的分隔符连接成字符串输出,原数组的内容不会变
 		  var strarray431 = array43.join("");//1211112111
 		  var strarray432 = array43.join("+");//1+2+111+1+2+111
 		  
 		  
 		  //slice,这个放好可以返回当前数组的子数组,原始数组的内容不会改变
 		  var slicearray1 = array43.slice(0,3);//从0下标开始,到3下标之前的元素返回新的数组[1,2,111]
 		  var slicearray2 = array43.slice(4);//从4下标开始,到数组尾部的所有元素都返回成新的数组[2,111]
 		  //从当前数组的倒数第二个元素开始,当前数组倒数第一个元素之前的所有内容返回一个新的数组[2]
 		  var slicearray3 = array43.slice(-2,-1);
 		  
 		  
 		  //push,pop,在数组尾端追加(push)或弹出(pop)元素,将会修改原数组的内容
 		  array43.push(200);
 		  array43.push(201,202);
 		  array43.push([201,202]);
 		  array43.push(array41);
 		  var arraypop = array43.pop();
 		  var arraypop = array43.pop();
 		  
 		  
 		  //unshift,shift,在数组的开头进行追加(unshift)和弹出(shift)的操作,将会修改原数组的内容
 		  array43.unshift(300);
 		  array43.unshift(301,302);
 		  array43.unshift([303,304]);
 		  var arrayshift = array43.shift();
 		  var arrayshift2 = array43.shift();
 		  
 		  //reverse,这个方法可以翻转数组中的元素,修改原数组的内容
 		  array43.reverse();
 		  
 		  //sort,这个方法可以对数组中的元素进行排序,修改原数组的内容
 		  array43.sort();//无参,是按照字母顺序对数组中的元素进行了升序的排列
 		  array43.sort(function(a,b){
 		  	return a-b;
 		  });//就是按照数值大小,进行一个升序的排列。如果返回的是负值,则a会出现在b的前面
 		  
 		  array43.sort(function(a,b){
 		  	return b-a;
 		  });//就是按照数值大小,进行一个降序的排列。
 		  
 		  //splice,可以删除数值中的一部分元素,并且把删除的内容进行返回,原数组的内容会发生变更,还可以在制定位置添加元素
 		  //第一个参数,删除元素开始的下标位置
 		  //删除元素的个数
 		  array43.splice(index,howMany,element1,elementN);
 		  //用局部变量来接收删除的返回值,会把删除部分的内容进行返回
 		  var splicearray1 = array43.splice(4,2);//从下标为4的元素开始,删除两个元素
 		  var splicearray2 = array43.splice(4); //从下标为4的元素开始,直到数组末尾的所有元素都被删除
 		  
 		  array43.splice(1,0,400,401);//从下标为1的元素之前,0表示不删除,插入400,401
 		  array43.splice(1,0,[500,501]);//从下标为1的元素之前插入500,501
 		  
 		
 		}
 
 </script>












===================================================================



2.Javascript中简单对象的创建与属性操作


<script type="text/javascript">
 
 		function objectTest(){
 			//方式1,通过new Object()
 			var obj1 = new Object();
 			//方式1,通过{}操作符
 			var obj2 = {};