一 JS对象
在JS中一切事物都是对象,字符串,数值,数组,函数
对象中包含属性和方法
对象的属性既可以存放基本数据类型也可以存放其他对象的引用值或者函数的引用值,如果存储的是函数的的引用值则该属性称为方法
对象的创建方法:
1 使用new关键字来创建
var people=new Object();
people.name="小明";
people.age=12;
people.eat=function(){
alert(this.name+"年龄"+this.age+"喜欢吃冰激凌")
}
people.eat()
结果:
2 使用键值对的形式
var people={
name:"小明",
age:20,
eat:function(){
alert(this.name+"年龄"+this.age+"喜欢吃西瓜")
}
}
people.eat()
结果:
3 第三种创建方式
var people={};
people.name='宋江';
people.age=40;
people.eat=function(){
alert(this.name+"年龄"+this.age+"喜欢吃饺子")
}
//结果:宋江喜欢吃饺子
补充
二 数组
数组的创建方法
var arr1=new Array();
var arr2=new Array('苹果','葡萄','香蕉','桔子');
var arr3=new Array(4);
alert(arr1); //结果:空
alert(arr2); //结果为苹果,葡萄,香蕉,桔子
alert(arr3) //结果为,,,,
var arr4=[];
var arr5=["水果","主食"];
alert(arr4); //结果:空
alert(arr5); //结果 水果,主食
alert(arr5.length) //结果 2
var arr1=new Array();
var arr2=new Array('苹果','葡萄','香蕉','桔子');
alert(arr2[1])// 结果:葡萄
arr2.push("西瓜");//在队尾添加
alert(arr2);//结果:苹果,葡萄,香蕉,桔子,西瓜
delete arr2[2];//删除指定元素
alert(arr2)//结果:苹果,葡萄,桔子,西瓜
arr2.pop()//删除队尾元素
alert(arr2)//苹果,葡萄,桔子
//unshift 在顶端添加元素
//shift 在顶端删除元素(很简单,记住就行,不一一举例)
var arr2=new Array('苹果','葡萄','香蕉','桔子');
var str=arr2.toString();
alert(typeof(str))
//结果
arrayObject.concat(arrayX,arrayX,......,arrayX)
arrayX为必选参数
//reverse代码
<script>
var fruit=new Array('苹果','葡萄','香蕉','桔子','桃子','石榴');
document.write(fruit+'</br>')
fruit.reverse()
document.write(fruit+'</br>')
</script>
//sort代码
var fruit=[7,10,32,6,9,4]
document.write(fruit+'</br>')
fruit.sort(sortFun)
document.write(fruit+'</br>')
function sortFun(ar1,ar2){
if(ar1>ar2){
return -1;//返回-1表示逆序,如果返回1,表示正序
}else if(ar1<ar2){
return 1;
}else{
return 0;
}
}
//concat代码
var fruit1=new Array('5个苹果','3斤葡萄','4个香蕉');
var fruit2=new Array('6个桔子','2个桃子','1个石榴');
document.write('合并前的两个数组:'+'</br>')
document.write(fruit1+'</br>')
document.write(fruit2+'</br>')
//var fruit=fruit1.concat(fruit2)
var fruit=fruit1.concat('1个石榴')
document.write('合并后的新数组:'+'</br>')
document.write(fruit+'</br>')
var arr=new Array('元素0','元素1','元素2','元素3','元素4','元素5');
document.write(arr+'</br>')
var arr1=arr.splice(1,2,'元素A','元素B')
document.write(arr+'</br>')
document.write(typeof arr1+'</br>')
<script>
var arr=new Array('元素0','元素1','元素2','元素3','元素4','元素5','元素6');
document.write(arr+'</br>')
var arr1=arr.slice(1,4)
document.write(arr+'</br>')
document.write(arr1+'</br>')
</script>
附一个圣诞树代码
<script>
// *
// ***
// *****
// *******
// *********
// ***********
var h=30;
for(var i=1;i<=h-1;i++){
for(var j=h;j>=i;j--){
document.write(" ")
}
for(var n=1;n<=2*i-1;n++){
document.write("<span style='color: green'>*</span>")
}
document.write('<br>')
}
var h=30;
for(var i=1;i<=h-1;i++){
for(var j=h;j>=i;j--){
document.write(" ")
}
for(var n=1;n<=2*i-1;n++){
document.write("<span style='color: green'>*</span>")
}
document.write('<br>')
}
var h=30;
for(var i=1;i<=h-1;i++){
for(var j=15;j>=0;j--){
document.write(" ")
}
for(var n=1;n<=h;n++){
document.write("<span style='color: green'>*</span>")
}
document.write('<br>')
}
</script>