`
fengchong719
  • 浏览: 83467 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

JavaScript简单入门(1)

阅读更多
javaScript 的变量大致分为String(字符串) , Number(数值) , Boolean(布尔) , Object(对象)类型.
javaScript的数组类型为Array:
var objArray=new Array();

objArray.concact([item1[,item2[,....]]]
//将参数列表连接到objArray的后面形成一个新的数组并返回,原有数组不受影响。如:var arr=["a","b","c"];arr.concact("d","e");将返回包括从"a"到"e"字母元素的数组。而arr本身不受影响。

objArray.join(separator)
//以separator指定的字符作为分割符,将数组转换为字符串,当seperator 为逗号时,其作用和toString()相同。

objArray.pop()
//通俗的讲,就是弹出数组的最后一个元素。结合下面的push方法,使得将数组作为栈来使用成为可能。pop方法返回数组最后一个元素的值,并将length属性减1,即返回后立即丢失最后一个元素。

objArray.push([value1[,value2[,....]]])
//将参数添加到数组的结尾。如:[1,2,3, 4].push("a","b")将得到[1,2,3,4,"a","b"]

objArray.reverse()
//将数组中的元素反转排列。如:[1,2,3].reverse()将得到[3,2,1],这个操作是在原有数组上经行操作,同时也返回数组本身

objArray.shift()
//移去数组的第一个元素,并返回这个元素的值。这个方法的性质和pop方法很类似,pop方法是移去最后一个元素。

objArray.slice (start,end)
//返回数组对象的一个子集,索引从start开始(包括 start),到end结束(不包括end),原有数组不受影响。如:[1,2,3,4,5,6].slice(1,4)将得到[2,3,4]。当 start或者end为负数时,则使用他们加上length后地值。如:[1,2,3,4,5,6].slice(-4,-1)将得到[3,4,5]。如果end小于等于start,将返回空数组。

objArray.sort (comparefn)
//根据comparefn定义的大小比较函数,对一个数组进行排序。函数comparefn必须接受两个参数 element1,element2,如果需要需要element1排在element2之前,应该返回一个负数;如果需要element1排在 element2之后,应该返回一个正数,如果两个数平等对待(即保持原有顺序)则返回0。当省略comparefn时,则元素按照字典顺序排列。如:对定义的比较函数cmp: function cmp(e1,e2){return e1-e2;}则[3,4,2,7].sort(cmp)将得到[2,3,4,7].

objArray.splice (start,deleteCount[,item1,item2[,...]]])
//这是一个复杂的函数,用于完成数组元素的删除 取代和插入操作。其中,start参数表示要进行操作的索引位置,deleteCount指从start开始要删除的元素的元素个数(包括了start位置),如果 deleteCount省略,则表示从start开始要删除数组的剩余部分。[,item1[,item2[,...]]]则表示可选的插入到start 之前的元素列表。

//你要知道javaScript的function是一种特殊的属性 , 并且javaScript的变量都是弱类型。

//javaScript简单对象定义:
var config = { id : 10000 , name : ’ object name’ } ;
//通过对象config.name可以得到”object name”;

//javaScript复杂对象定义:
//构造一个包含复杂对象
var Obj = function(config){
	var name = “ null ”;
	var id = 100001 ;
	if(config){
		if(config.name){
			name = config.name;
}
if(config.id){
	id = config.id;
}
}
getObjectId = function(){
	return id;
}
setObjectId = function(newId){
	id = newId;
}
showObjectName = function(){
	alert(‘this.name : ’+ name);
}
}
//创建一个新对象
var newObj = new Obj({id : 10000 , name : ’ object name’ });

通过newObj.id可以得到 10000 , 可以通过 newObj.getObjectId 得到 10000 , 可以通过 newObj.showObjectName 弹出一个提示窗口 , 值为 this.name : object name .

要为一个对象动态的添加一个属性:
Obj.prototype.newProperty = “add property”;
//通过 var newObj = new Obj() ;  newObj.newProperty可以得到值add property !
分享到:
评论

相关推荐

    Html+Css+Javascript从入门到精通.pdf

    - **简单示例**:编写第一个JavaScript程序。 **第十七章:JavaScript基本数据结构** - **代码嵌入方法**:将JavaScript代码嵌入HTML文档。 - **数据类型**:包括数字、字符串、布尔值等。 - **变量声明**:定义...

    JAVASCRIPT从入门到精通

    《JavaScript从入门到精通(视频实战版)》一共分为四篇,涵盖了JavaScript语言应用的绝大多数方面,从基本概念到具体实践、从抽象的算法到具体的页面特效、从最简单的输入/输出到最新的XML技术都进行了详细的阐述,并...

    javascript超简单入门教程1天学会

    javascript超简单入门教程1天学会javascript超简单入门教程1天学会javascript超简单入门教程1天学会javascript超简单入门教程1天学会javascript超简单入门教程1天学会javascript超简单入门教程1天学会

    JavaScript server 简单入门

    本文将指导您使用 Aptana Jaxer 服务器和 Aptana Studio IDE 创建一个简单的基于文件的博客,这是一个 JavaScript 服务器端编程的入门指南。 JavaScript 服务器端编程 JavaScript 服务器端编程是一种使用 ...

    Html+Css+Javascript从入门到精通

    本教程“Html+Css+Javascript从入门到精通”旨在帮助初学者系统地掌握这些技能,从而能够独立地创建功能丰富的动态网页。 HTML(HyperText Markup Language)是网页的基础,它定义了网页的结构和内容。从简单的文本...

    Javascript教程--从入门到精通【完整版】.pdf

    - **简单性**:JavaScript语法简洁明了,易于学习。它的设计基于Java的基本语句和控制流,适合初学者过渡到更复杂的编程语言。 - **安全性**:为了保护用户数据和个人隐私,JavaScript限制了对本地硬盘和服务器文件...

    javascript入门参考资料.rar

    作为“javascript入门参考资料”这个压缩包,它包含了帮助初学者踏入JavaScript世界的必备资料。 首先,"javascript入门参考资料.ppt"很可能是一个PowerPoint演示文稿,这种格式通常用于教学或讲座,以图文并茂的...

    JavaScript教程--从入门到精通

    因它的开发环境简单,不需要Java编译器,而是直接运行在Web浏览器中,而因倍受Web设计者的所爱 JavaScript的出现,它可以使得信息和用户之间不仅只是一种显示和浏览的关系,而是实现了一种实时的、动态的、可交式...

    javascript从入门到精通.pdf

    ### JavaScript从入门到精通 #### 一、JavaScript的概述与背景 随着互联网技术的迅猛发展,人们的工作和生活方式发生了翻天覆地的变化。Internet作为这一变革的核心,以其互联性、开放性和信息共享的特点,打破了...

    javascript入门视频教程(比较不错的)

    JavaScript是Web开发中不可或缺的一部分,尤其对于初学者来说,它是一个很好的起点,因为它的语法相对简单,而且在浏览器环境中可以直接运行。"javascript入门视频教程(比较不错的)" 提供了一个全面学习JavaScript...

    JavaScript 从入门到精通

    在这个“JavaScript从入门到精通”的学习资源中,您将全面了解并掌握JavaScript的基础知识,进阶技巧以及实际应用。 一、JavaScript基础 JavaScript的基础包括变量、数据类型、操作符、流程控制语句等。变量用于...

    JavaScript从入门到精通(PDG)

    通过这个"JavaScript从入门到精通(PDG)"的学习资源,你将能够逐步建立起对JavaScript的全面理解,从编写简单的交互效果到构建复杂的前端应用。无论你是刚接触编程的新手,还是希望深入理解JavaScript的开发者,这个...

    Javascript-从入门到精通2.txt

    ### JavaScript:从入门到精通 #### 一、JavaScript 概述与互联网的发展 JavaScript 是一种广泛使用的编程语言,尤其在 Web 开发领域占有极其重要的地位。随着互联网技术的飞速发展,JavaScript 的重要性日益凸显...

    JavaScript入门教程(初学者不可多得的优秀入门教材,通俗易懂,专业术语通俗化).doc

    ### JavaScript入门教程知识点详解 #### 一、JavaScript简介与学习理由 **JavaScript**是一种轻量级的编程语言,因其强大的兼容性和简易性成为了前端开发人员的首选。它由Netscape公司在1995年首次推出,起初被...

    javascript 视频教程 从入门 到精通

    javascript 视频教程 从入门 到精通 很简单从入门开始

    Javascript从入门到实践

    **JavaScript从入门到实践** JavaScript,简称JS,是一种广泛应用于网页和网络应用的脚本语言,它是互联网上实现动态交互的核心技术。对于初学者来说,理解并掌握JavaScript的基础知识至关重要,因为这将开启你在...

    JavaScript 基础入门指南.pdf

    使用场景及目标:通过理论讲解与实践案例相结合的方式,使初学者能够快速掌握JavaScript的使用方法,并能独立完成简单的网页交互功能开发。 阅读建议:在学习过程中配合实例进行练习,同时可以参照官方文档或其他...

    JavaScript基础入门教程

    通过这个基础入门教程,你将对JavaScript有一个全面的了解,并能够编写简单的交互式网页。继续深入学习,你将掌握更高级的概念,如框架(如React、Vue、Angular)、前端开发工具和最佳实践,从而成为一名合格的前端...

Global site tag (gtag.js) - Google Analytics