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中的数组

数组的创建

<scripttype="text/javascript">

functionarrayTest(){
//使用newArray()
vararray1=newArray();
//使用[]操作符
vararray2=[];

//创建的同时定义数组中的元素
//使用newArray()方式
vararray3=newArray(1,2,3);
//使用[]操作符
vararray4=[1,2,3];

//创建多维数组
//使用newArray()方式
vararray5=newArray(1,newArray(2,3),4);

//使用[]操作符
vararray6=[1,[2,3],4];

//数组的下标操作
//获取数组中的某元素的值
alert(array3[1]);
//设置数组中某个下标对应的元素值
array4[2]=111;
//访问对维数组中的元素
alert(array5[1][0]);
//javascript中的数组时可以动态改变大小的，因此可以直接给一个不存在的下标设置元素值
array[99]=100;

//数组中的方法
//concat,这个方法可以用来做数组的连接或者说合并,原数组内容不会变更,将返回一个新的数组
vararray41=array.concat(101,102,103);
vararray42=array.concat([104,105]);
vararray43=array.concat(array4);

//join,这个方法可以将数组当中的元素，按照指定的分隔符连接成字符串输出，原数组的内容不会变
varstrarray431=array43.join("");//1211112111
varstrarray432=array43.join("+");//1+2+111+1+2+111


//slice,这个放好可以返回当前数组的子数组，原始数组的内容不会改变
varslicearray1=array43.slice(0,3);//从0下标开始,到3下标之前的元素返回新的数组[1,2,111]
varslicearray2=array43.slice(4);//从4下标开始,到数组尾部的所有元素都返回成新的数组[2,111]
//从当前数组的倒数第二个元素开始,当前数组倒数第一个元素之前的所有内容返回一个新的数组[2]
varslicearray3=array43.slice(-2,-1);


//push,pop,在数组尾端追加(push)或弹出(pop)元素,将会修改原数组的内容
array43.push(200);
array43.push(201,202);
array43.push([201,202]);
array43.push(array41);
vararraypop=array43.pop();
vararraypop=array43.pop();


//unshift,shift,在数组的开头进行追加(unshift)和弹出(shift)的操作,将会修改原数组的内容
array43.unshift(300);
array43.unshift(301,302);
array43.unshift([303,304]);
vararrayshift=array43.shift();
vararrayshift2=array43.shift();

//reverse,这个方法可以翻转数组中的元素，修改原数组的内容
array43.reverse();

//sort,这个方法可以对数组中的元素进行排序，修改原数组的内容
array43.sort();//无参,是按照字母顺序对数组中的元素进行了升序的排列
array43.sort(function(a,b){
returna-b;
});//就是按照数值大小，进行一个升序的排列。如果返回的是负值，则a会出现在b的前面

array43.sort(function(a,b){
returnb-a;
});//就是按照数值大小，进行一个降序的排列。

//splice,可以删除数值中的一部分元素，并且把删除的内容进行返回，原数组的内容会发生变更，还可以在制定位置添加元素
//第一个参数,删除元素开始的下标位置
//删除元素的个数
array43.splice(index,howMany,element1,elementN);
//用局部变量来接收删除的返回值，会把删除部分的内容进行返回
varsplicearray1=array43.splice(4,2);//从下标为4的元素开始,删除两个元素
varsplicearray2=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中简单对象的创建与属性操作

<scripttype="text/javascript">

functionobjectTest(){
//方式1,通过newObject()
varobj1=newObject();
//方式1,通过{}操作符
varobj2={};

//增加属性，使用.操作符
//使用newArray()方式
obj1.num=1;
obj1.str="String";
obj1.hell=function(){
alert("hello!");
}
obj2.obj=obj1;


//属性的访问，方法1，使用.操作符
alert(obj2.obj.num);
alert(obj2.obj.str);
obj1.hello();
//属性的访问，方法2，使用[]操作符
alert(obj2["obj"]["num"]);
alert(obj2["obj"]["str"]);
obj1["hello"]();

alert("");

//对象直接量定义方法，利用{}
varobj3={
num:1,
str:"String",
hello；function(){
alert("hello!");
}
};

}

</script>

======================================================================
3.JSON数据格式

<scripttype="text/javascript">

functionjsonTest(){
//JSON数据格式定义
varjson1="[1,2,{"+
"a:123,b:'String',c:[100,101]'"+
"}]";

//javascript的一个内置方法eval(),返回回json这段数据格式所对应的javascript的数组或者对象
varjsonArray=eval(json1);

varjson2="{"+
"a:'hello',b:[1,2,3],c:function(){alert(\"Hi!!!\")}"+

"}";
//错误写法
//varjsonObject=eval(json2);

//正确的写法
varjsonobj=eval("("+json2+")");


如果从服务器端返回回来的json数据格式他最终代表的是一个数组，可以直接用eval的方式对他进行执行，
返回javascript里面的一个数组。
如果从服务器端返回的json格式对应的是一个对象，我们必须要在他的外层加上括号(),
才会返回正确的对象，否则会报错。


}

</script>

======================================================================
4.面向对象的Javascript

<scripttype="text/javascript">
//javascript中类的定义，需要靠function来模拟
/*
functionTeacher(){

}*/

//建议采用下面的形式来定义一个js中的类，可以和普通的function进行区分
//建议类名首字母大写，以便更好的和普通的function进行区分
varTeacher=function(){

}

//定义一个Book的类,这个function还承担了模拟构造函数的工作
//在使用new操作符创建Book类的对象时，这个function中的代码会被执行
//这里面的this代表当前对象
/*
varBook=function(name){
//定义共有的属性
this.name=name;
//定义共有的方法
this.getName=function(){
returnthis.name;
};
this.setName=function(name){
this.name=name;
}
}*/


/*********************************************
//一种更为合适的公有属性和方法定义
varBook=function(name){
//Book.prototype.name=name;
//公有属性，在构造方法里面来定义，通过this关键字
this.name=name;
}
//Book.prototype.name="";//优先访问对象上的属性，即这里的this.name,没有才会访问(找)原型对象上的name;
//公有的方法，在原型对象上定义
Book.prototype.setName=function(name){
this.name=name;
};

Book.prototype.getName=function(){
returnthis.name;
};**************************************/



//一种更为合适的公有属性和方法定义
varBook=function(name){
//Book.prototype.name=name;
//公有属性，在构造方法里面来定义，通过this关键字
this.name=name;

if(typeofBook._init="undefined"){
//公有的方法，在原型对象上定义
Book.prototype.setName=function(name){
this.name=name;
};

Book.prototype.getName=function(){
returnthis.name;
};
}
Book._init=true;

};




functionooTest(){
varteacher=newTeacher();
alert(teacherinstanceofTeacher);
varbook1=newBook("AJAX");//这个new操作相当于创建了一个简单对象，调用了类的构造方法
varbook2=newBook("AJAX1");
alert(book1.getName());
alert(book2.getName());

book1.setName("JAVA");
alert(book1.getName());
alert(book2.getName());

//function上面都有一个原型对象
varproto=Book.prototype;
proto.str="String";
proto.hello=function(){
alert("Hello");
};
//原型对象上定义了属性之后，拥有这个原型对象的function，
//它所模拟的类创建出的对象，就可以拥有原型对象上定义的属性


alert();

}

</script>

-----------------------------------------------------------------

<scripttype="text/javascript">
//展示原型对象上定义公有属性的另一个问题
varTeacher=function(){
}
Teacher.prototype.student=[];

Teacher.prototype.addStudent=function(sname){
this.student.push(sname);
};

Teacher.prototype.showStudent=function(){
alert(this.student);
};


functionoo4Test(){
varteacher1=newTeacher();
varteacher2=newTeacher();

teacher1.addStudent("wang");
teacher2.addStudent("lee");
teacher1.showStudent();
teacher2.showStudent();
alert();

}

</script>