`
yanfaguanli
  • 浏览: 660088 次
文章分类
社区版块
存档分类
最新评论

JS数组及面向对象

 
阅读更多

1. javascript数组操作

function arrayTest(){

var array1=new Array();

var array2=[];]

var array3= new Array(1,2,3);

var array4=[1,2,3,4];

var array5=new Array(1,new Array(2,3),4);

alert(array[1][0]); //----à2

array4[99]=100; //javascript中的数组是可以动态改变的。

//数组可以连接-----concat

var array41= array4.concat(101,102,103);

var array42=array4.concat(104,105);

var array43=array4.concat(array4);//12341234

//数组可以分隔------join

var array44=array43.join(“”);//没变化

var array45=array43.join(“+”);//1+2+3+4+1+2+3+4

//数组可以返回某个段,原数组不变------slice

var slicearray1=array43.slice(0,3);

var slicearray2=array43.slice(4);//从下标4开始一直取到最后一个

var slicearray3=array43.slice(-2,-1);//从当前数组倒数第二个开始,一直取到当前数组倒数第一个之前。

//push,pop在数组部追加push,或弹出pop,改变原数组。

array43.push(200);

array43.push(201,202);

array43.push(array41); //concat是吧array41打开,以单个数存进去,形成一个整体,

push则是原样加入,以多维数组形式保存。

var arraypop=array43.pop();//是把array43最后一个元素拿出来,给arraypop数组。

//unshift,shift在数组部追加push,或弹出pop,改变原数组。

array43.unshift(array41);

array43.shift();

//reverse可以翻转数组里的元素。

array43.reverse();

//sort可以对数组中的元素进行排序,修改原数组的内同。

array43.sort();//按照字母序对数组中的数升序排列。

array43.sort(function(a,b){return a-b;});//按数值升序排列

//splice,可以删除数组中一部分元素。还可以在指定位置添加元素。

array43.splice(4,2);//以下标为4的删除2个。

array43.splice(4);//以下标为4的一直删到最后。//可以接收删除部分。

}

2. javascript创建对象。

//创建对象

var obj1=new Object();

var obj2={};

//增加属性

obj1.num=1;

obj1.str=”String”;

obj1.hello=function(){

alert(“hello”);}

obj2.obj=obj1;

//访问属性

Alert(obj1.num);

Alert(obj2[“obj”][“num”])

//直接创建对象和方法

var obj3={

num:1,

str:”string”,

hello:function(){

alert(“hello”);

}

}

3. JSON数据格式

function jasonTest(){

//jason数据定义,数组返回正常,对象返回加括号。

var jason1=”[1,2,{“ + “a:123,b:’string,c:[100,101]’” + ”}]” ;

var jasonArray=eval(jason1);

var json2=”{“+”a:123,b:[1,2,3],c:function(){alert (/“aaa/”);}” + ”}”;

var jasonObject=eval(“(”+jason2+”)”);

}

4. 面向对象的javascript

类得定义

fumctionTeacher(){

}//不能区分类与其他方法的不同建议用以下的定义方式,类名首字母最好大写

var Teacher= function(){

}

//定义一个Book,function相当于构造函数。

var Book=function(name){

//定义公有的属性

this.name=name;

//定义公有的方法

this.getName()=function(){

return this.name;}

this.setName()=function(nname){

this.name=nname;

}

}

functionTest(){

var teacher=new Teacher();

alert (teacher instanceof Teacher);//teacher是否是Teacher的实例。返回true

var book1=new Book();

book1.setBook(“a”);

// javascript中的原型对象,function上都有原型对象新定义的对象,就具有原型对象上的方法属性。

var proto= new Book.prototype;

proto.str=”string”;

proto.hello=function(){

alert(“hello”);

};

}

// 一种更为合适的类的定义

var Book=function(name){

//公有属性在内部定义

this.name=name;

}

//公有方法在原型对象上定义。

Book.prototype.setName=function(nname){

this.name=nnane;

}

Book.prototype.getName=function(){

return this.name;

}

//将公有方法写到类里面,合理的方法是:

var Book=function(name){

this.name=name;

if( typeof Book._init= =”undefined”){

Book.prototype.setName=function(nname){

this.name=nnane;

}

Book.prototype.getName=function(){

return this.name;

}

}

Book._init=true;

}

分享到:
评论

相关推荐

    JavaScript面向对象程序设计

    JavaScript面向对象程序设计(2): 数组 JavaScript面向对象程序设计(3): 对象 JavaScript面向对象程序设计(4): 函数 JavaScript面向对象程序设计(5): 类 JavaScript面向对象程序设计(6): 封装 JavaScript面向对象程序...

    通过面向对象利用JS实现五彩小球

    利用js实现五彩小球特效 通过面向对象的方法实现 underscore库的使用:without数组,将制定元素从数组中删除 时器中要清除上一帧中产生的动画效果

    js中对象和面向对象与Json介绍

    面向对象语言的要求 一种面向对象语言需要向开发者提供四种基本能力: 封装 – 把相关的信息(无论数据或方法)存储在对象中的能力 聚集 – 把一个对象存储在另一个对象内的能力 继承 – 由另一个类(或多个类)...

    JavaScript面向对象编程指南(第2版)

    本书着重于介绍JavaScript在面向对象方面的特性,以为您展示如何去构建强健的、可维护的、功能强大的应用程序及程序库。, 本书是《JavaScript面向对象编程指南》的第二版,全书包括8章和4个附录。依次介绍了...

    Javascript面向对象编程

    javascript的特点 简单 动态 基于对象(面向对象) Javascript面向对象概述 Javascript是一种面向(基于)对象的动态脚本语言,是一种基于对象(Object)和事件驱动(EventDriven)并具有安全性能的脚本语言。他具有面向...

    Perl与JS的对比分析(数组、哈希)

    下面小编就为大家带来一篇Perl与JS的对比分析(数组、哈希)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    《JavaScript编程精解》迷你书

    1.javascript基础 2.函数 3.数据结构:对象与数组 4.错误处理 5.函数式编程 6.面向对象编程 7.模块化 8.正则表达式 9.Web编程:速成课 10.文档对象模型 11.浏览器事件 12.HTTP请求

    面向对象的方法实现贪吃蛇

    利用面向对象的方法,实现贪吃蛇。 1. 利用面向对象的思想实现——一个食物对象、一个蛇对象、一个游戏总控对象。 2. 在使用××.prototype= {}重写原型对象的时候,一定要加上一句constructor:该对象。不然会造成...

    js 多种变量定义(对象直接量,数组直接量和函数直接量)

    js 多种变量定义(对象直接量,数组直接量和函数直接量),大家可以参考下,对于以后学习js 面向对于与json操作会有帮助。

    JS克隆,属性,数组,对象,函数实例分析

    主要介绍了JS克隆,属性,数组,对象,函数,结合实例形式分析了javascript中面向对象程序设计相关的对象、属性、函数及数组等相关技巧,需要的朋友可以参考下

    深入浅出JavaScript对象模型

    象(Object—Based)的语言,而不是传统的面向对象(Object— Oriented)的语言”。相信绝大多数人不会清楚这句话是什么意 思。我想我们可以把它简化一下:你可以把对象看做是存放 数据的大的数组,每个对象都有一个属于...

    JavaScript入门教程(3) js面向对象

    JavaScript 是使用“对象化编程”的,或者叫“面向对象编程”的。所谓“对象化编程”,意思是把 JavaScript 能涉及的范围划分成大大小小的对象,对象下面还继续划分对象直至非常详细为止,所有的编程都以对象为出发...

    韩顺平轻松搞定网页设计(html.css.js)(完整版)

    轻松搞定网页设计html+css+javascript 内容介绍 该教程用循序渐进的手法和项目驱动的案例,由浅入深的...4、javascript深入讲解(js基本语法、数组、js面向对象编程,js系统函数、事件、js dom编程详解、正则表达式)

    linal.js:JavaScript中的面向对象的线性代数库

    linal.js JavaScript中的面向对象的线性代数库。 所有类方法都有参数检查以确保类型安全。 如果用户试图为方法提供无效的参数,或者为属性分配错误的值,则会抛出明智的错误消息。 为了与WebGL兼容,所有类都提供一...

    详解JavaScript基于面向对象之创建对象(1)

    这一次我们深入的学习一下JavaScript面向对象技术,在学习之前,必要的说明一下一些面向对象的一些术语。这也是所有面对对象语言所拥有的共同点。有这样几个面向对象术语: 一、对象  ECMA-262把对象(object)定义为...

    Javascript之面向对象–方法

    JavaScript面向对象是近年来比较火的一个概念了,由于小弟才疏学浅,虽然做过不少的web项目,看了网上很多深奥的资料和教程,还是对他们深奥的理论一知半解,前段时间看了点书,总算有了自己的理解,今天也出来装一...

    JavaScript核心概念及实践 高清PDF扫描版 (邱俊涛).pdf

    第8章 面向对象的JavaScript 第9章 函数式的JavaScript 第10章 核心概念深入 第11章 客户端的JavaScript 第12章 客户端的MVC框架:Backbone.js 第13章 JavaScript测试 第14章 JavaScript引擎 第15章 Java...

    [推荐]javascript 面向对象技术基础教程

    <javascript>>第7,8,9章而写成的,我也 会尽量按照原书的结构来说明javascript的面向对象技术(对象/数组->函数–>类/构造函数/原型).对一些我自己也拿捏不准的地方,我会附上原文的英文语句,供大家参考. 如果不做说明,...

    DWR开发包常规客户端服务器端面向对象编程

    dwr开发包,常规客户端服务器端面向对象编程。 基于Spring,在服务器端配置: <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN" ...

Global site tag (gtag.js) - Google Analytics