JavaScript入门教程之引用类型
引用类型是一种数据结构,用于将数据和功能组织在一起。它也常被称为类,但这种称呼并不妥当。尽管 ECMAScript从技术上讲是一门面向对象的语言,但它不具备传统的面向对象语言所支持的类和接口等基本结构。引用类型有时候也被称为对象定义,因为它们描述的是一类对象所具有的属性和方法。
前面提到过,引用类型的值便是对象,在ECMAScript中,引用类型是一种数据结构,用于将数据和功能组织在一起,而对象则是某个特定引用类型的实例。
var a=new Object();
上面便声明了一个引用类型为Object的实例,并将这个实例存储到变量a中,也就是说这个变量实际是并不是包含了这个实例本身,而是指向这个实例的指针。
对于Object类型,常用对象字面量表示法来创建实例 既var a={name:"Nick",age:20}这样做的优点是给人封装的感觉。而对象的访问则是使用了点表示法或者方括号表示法。等价于a["name"],注意此处的"name"是以字符串表示的。
对于Array类型,则可以使用数组字面量表示法。
对于Array类型,可以使用length来改变数组的长度。(从数组的末尾添加或者移除项)
检测数组的方法是ray(value)方法
转换方法:toString()转换成以“,”分割各项的一个字符串。valueOf(),返回的依旧是数组。toLocaleString()可以用下例实现。
var p1={toString:function(){return "guo";},toLocaleString:function(){return "yuzhe";}}var p2={toString:function(){return "song";},toLocaleString:function(){return "hap";}}var p=[p1,p2];alert(p); //guo,songalert(caleString()); //yuzhe,hap
可见 alert在输出前先调用了toString()方法,此外还有join()方法,用于以指定的符号返回成字符串 ,其默认的(不设置参数)为“,”。
栈方法:push()在末尾添加项,返回数组长度。pop()在末尾删除项,返回删除项。
队列方法:shift()溢出数组第一项,返回该项。unshift()在首段添加项,返回数组长度。
重排序方法(返回值为数组):
reverse()反转顺序。a[length-1]=a[0]
sort()升序排序法 默认的sort()是以ASCII排序的,而非我们认为的数字大小,所以比较大小需要这样使用
function compare(no1,no2){if(no1no2){return 1;}else{return 0;} }var a=[1,2,3,4,6,5];(compare);alert(a)
若想产生降序效果,只需反转if语句。
操作方法:
concat()创建了一个副本,对原数组无影响,作用是添加接受的参数到数组的末尾。
slice()创建一个副本,接受1或者2个参数(返回项的起始和结束位置,不包含结束位置),在只有一个参数的情况下,返回从指定位置到结尾所有项。如果参数为负数,则结果为length+arguments,若结束位置小于起始位置,则返回空数组。
splice():1.删除方法--指定两个参数,删除的第一项的位置和删除的项数。
2.插入方法--指定三个参数,起始位置,0(要删除的个数),要插入的项。
3.替换方法--指定三个参数,起始位置,删除的个数,要插入的项
插入/替换的位置是起始位置。
位置方法:
indexOf()返回要查找的项的数组下表,没有则返回-1.参数:要查找的项和(可选的)查找起点位置的索引(下标)。
lastIndexOf()是indexOf()的'逆序。
迭代方法:
2个参数:要运行的函数和(可选的)的作用域,传入这些方法中的函数需要有三个参数(item(数组项的值),index(该项的位置),array(数组对象本身)).
every()对数组中的每一项运行给定函数,每一项都返回ture 则返回true
filter()返回会返回true的项组成的数组
forEach()对每一项运行给定函数,无返回值
map()返回每次函数执行结果组成的数组
some()若有一项为true,则返回true
var a=[1,2,3,4];var b=y(function(item,index,array){return item>2;});alert(b); //false
归并方法:
reduce()从数字第一项开始遍历,reduceRight()从数组最后一项开始遍历
使用reduce()来求数组中的所有和
var a=[1,2,3,4];var b=ce(function(prve,cur,index,array){return prve+cur;});alert(b); //10 第一次执行时,prev为1,cur为2 ,第二次执行时,prev为3,cur为3。 以上所述是小编给大家介绍的JavaScript入门教程之引用类型的相关内容,希望对大家有所帮助!
-
jQuery中的read和JavaScript中的onload函数的区别在哪
在JavaScript中,onload函数是最经常使用的,几乎涉及到JavaScript的童鞋都少不了要接触它。这个函数的作用就是等待网页完全装载完了以后再去执行代码块内的语句,因为按照文档流的执行顺序,通常用于头部加载JavaScript的`时候需要用到。复制代码代码如下:ad=functio...
-
javascript中setInterval的用法总结
javascript中的setInterval的函数主要是在制作动画或其他间隔性渲染(操作)效果时,对操作方法按照一定时间间隔进行调用的函数。setInterval的表达式格式主要有:setInterval(fnname,time,par1,par2,);setInterval(obj,fnname,time,par1,par2,);第一种是最常见的表达...
-
网站设计首页要注意的事项
网站设计首页的时候要注意些什么?哪些是必须要注意的?下面就来和小编一起看看网站设计首页要注意的事项吧。1.用户友好性:提高首页的用户友好性,能够大大增加留住用户的可能性,更进一步的`话则是能提高用户的黏着度,取得良好的用户转化效益。而用户的友好性主要体...
-
HTML5教程:画布Canvas基础知识讲解
Canvas是HTML5最让人期待的特性之一,目前已获得大部分Web浏览器支持Canvas可以帮助创建游戏、增强图形用户界面。下面YJBYS小编为大家带来画布Canvas基础知识,希望对大家学习有所帮助!HTML5规范引进了很多新特性,其中最令人期待的之一就是Canvas元素。HTML5Canvas...