JavaScript - 对象和数组
分类:前端设计 时间:2023-07-16 浏览:3620次
一、对象类型:
对象包含以下元素:
1.属性(字段)
2.方法(函数)
创建
创建对象的方式:
1.使用new
var box = new Object();
box.name = "MR"
box.age = "22"
2.直接 Object();
var box = Object();
3.使用字面量方式:
var box = {};
var box = {
name:"mr",
age: 22
};
4.传统方式:
var box = {};
box.name = "MR"
box.age = "22"
删除:
delete(box.name);
输出
对象属性的输出方式:
1.alert(box.name);
2.用数据方式输出;
alert(box.[''name'']); //ps 要记得加单引号;
创建方法:
1.死板的一种 :
先声明函数:
function objrun(){
}
var box = new Object()''
box.run = objrun;
alert(box.run());
2. 用字面量的方式:
var box = {
name:"name",
age : 34,
run:function(){ //这个是box 的 run 方法;
}
};
alert(box.run()); 调用方法时,如果box.run会把方法的代码打印出来,必须是box.run()才是执行代码;
二、数组(Array())数组属于对象(Object)类型;
创建:
1.new;
var artest = new Array();
var artest = new Array(10); //创建一个包含十个元素的数组
var artest = new Array("MR.pang",23,"hiloo");
2.字面量创建:
var artest = [];
var artest = ["MR.pang",23,"hiloo"]
///////
///////
数组中的方法:
artest.length //即元素的个数;
artest.length = 10 //强制了元素个数;多了以,,,补充 ;
用length 来增加元素:
artest[artest.length] = "内容 "
输出:
var artest = new Array("MR.pang",23,"dd");
对应的下标为:0-"MR.pang",1-23,3-"dd";
alert(artest) ///输出全部
alert(artest[0]); ///即输出MR.pang
三、对象中的方法;
var box = [ "MR",23,"dd"];
alert(box); //打印出全部
alert(box.toString()); //同上
alert(box.valueOf()); //同上
alert(box.toLoacleString()); //同上(默认本地格式区域字符串)
box.join("|") 以什么分隔数据;
四、栈方法;
var artest = ["1",2,3];
artest.push("d"); 在数组末加入一个d元素;返回长度;
artest.pop(); 移除数组末的元素;
artest.shift(); 移除数组头的元素;并返回该元素
artest.unshift(d); 在数组头加入一个d元素;返回长度(IE不兼容);
排序方法:
var artest[2,5,1,4,5];
artest.reverse(); 逆向排序,即从大排到小
artest.sort() ; 顺序排序,即从小排到大
var test2 = artest.concat() ;相当于复制当前数组,PS若有参加会加上去 元素,但不会改变原数组;
var test3 = artest.slice(num) ;相当于复制从num下标开始的元素,并重新创建一个数组 ;,不改变原数组
var test3 = artest.slice(1,3) ;从第1位取到第3个位置;
var test4 = artest.splice(0,2) ;从第1位开始取2个;并会改变原数据;
var test4 = artest.splice(1,0,"江苏") ;从第一个位取,不取元素,反而插入数据;
var test4 = artest.splice(1,1,100) ;从第一个位置取,取一个元素,插入一个数据 ,即实现替换;