JavaScript - 对象和数组
前端设计  2023-07-16  3461次
  • JavaScript - 对象和数组
一、对象类型:
对象包含以下元素:
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)     ;从第一个位置取,取一个元素,插入一个数据 ,即实现替换;

WAP版 | 触屏版 | 电脑版

Copyright © 2014 shaooo.com