数往知来 JavaScript<十三>
一、javaScript
语法:大小写敏感,弱类型(所有类型都用var进行引导、声明)
写在<script></script>标签里 不可以放在title里
var num=10;
var str='123a';
var isRight=true;
var ch='c';
.....
输出
alert(num);
alert(str);
-->当字符串在纯JS代码中时,使用双引号,
当字符串在html页中,混合使用的嗯时候,使用单引号,避免与属性值冲突’
1、javascript事件
---》onclick 鼠标点击事件
-->onblur 失去焦点
-->onmouseover 鼠标悬停
-->由于js中的类型是弱类型,因此非常容易出现计算数字的时候,变成字符串拼接的情况
parseint(字符串);
将字符串转换成数字进行计算
2、匿名函数 (跟C#的委托的匿名方法类似)
把一个方法作为一个变量来使用
var func=function(){ ; ;i<=;i++){ sum+=i; } return sum; } var num=func(); alert(num);
3、对象
js中的对象可以看做为构造函数
在创建对象的时候,可以直接通过对象名.成员名的方式进行创建对象成员,只要赋值了一次,以后就可以直接当做对象的属性或方法直接使用
function Person(){ this.name="张三"; ; this.gender='男'; this.sayHello=function(){ alert('你好,我叫'+this.name+',今年'+this.age+'岁了,'+'我是'+this.gender+'同学。'); //alert('你好,我叫{0},今年{1}岁了,我是{2}同学。',this.name,this.age,this.gender); } } var p=new Person(); p.name='蒋中正'; p.zhiye='学生'; p.sayHi=function(){ alert('你好,我叫'+this.name+',今年'+this.age+'岁了,'+'我是'+this.gender+'同学。我是'+this.zhiye); } p.sayHello(); p.sayHi();
js数组
push 方法
将一个或多个新元素追加到数组的末尾中,并返回数组的新长度值。
arr.push([item1 [item2 [. . . [itemN ]]]])
如:
,,,,); arr.push(,,,,”枫岩”,”CnLei”); alert(arr[arr.length-]);
————————————————
pop 方法
移除数组中的最后一个元素并返回该元素,如果该数组为空,那么将返回 undefined。
arr.pop()
示例
var arrayObj = new Array(0,1,2,3,4);
alert(arrayObj.pop());
shift 方法
移除数组中的第一个元素并返回该元素。
arr.shift( )
unshift 方法
将指定的一个或多个元素插入数组开始位置并返回该数组。
arr.unshift([item1[, item2 [, . . . [, itemN]]]])
concat 方法 (Array)
返回一个新数组,这个新数组是由两个或更多数组组合而成的。
array1.concat([item1[, item2[, . . . [, itemN]]]])
concat 方法返回一个 Array 对象,其中包含了 array1 和提供的任意其他项目的连接。
要加的项目(item1 … itemN)会按照从左到右的顺序添加到数组。
如果某一项为数组,那么添加其内容到 array1 的末尾。
如果该项目不是数组,就将其作为单个的数组元素添加到数组的末尾。
以下为从源数组复制元素到结果数组:
对于从正被连接到新数组的数组中复制的对象参数,复制后仍然指向相同的对象。不论新数组和源数组中哪一个有改变,都将引起另一个的改变。 对于连接到新数组的数值或字符串,只复制其值。一个数组中值有改变并不影响另一个数组中的值。
function ConcatArrayDemo(){ var a, b, c, d; a = ,,); b = “JScript”; c = , “VBScript); d = a.concat(b, c); return(d); // 返回数组 [1, 2, 3, "JScript", 42, "VBScript"] }
join 方法
返回字符串值,其中包含了连接到一起的数组的所有元素,元素由指定的分隔符分隔开来。
arr.join(char)
arr为Array 对象。
char是一个 String 对象,作为数组元素之间的分隔符。如果省略了这个参数,那么数组元素之间就用一个逗号来分隔。
说明
如果数组中有元素没有定义或者为 null,将其作为空字符串处理。
示例
下面这个例子说明了 join 方法的用法。
function JoinDemo(){ var a, b; a = ,,,,); b = a.join(“-”); return(b); // 返回 “0-1-2-3-4″ }
sort 方法
返回一个元素已经进行了排序的 Array 对象。
arr.sort(fun)
参数
arr是 Array 对象。
fun是用来确定元素顺序的函数名。如果这个参数被省略,那么元素将按照 ASCII 字符顺序进行升序排列。
说明
sort 方法将 Array 对象进行适当的排序;在执行过程中并不会创建新的 Array 对象。
如果提供了 fun 参数,那么该函数必须返回下列值之一:
(1)负值,如果所传递的第一个参数比第二个参数小。
(2)零,如果两个参数相等。
(3)正值,如果第一个参数比第二个参数大。
示例
<script type=”text/javascript”> function AscSort(x, y) { : (x > y ? : -); } function DescSort(x, y) { : (x > y ? - : ); } function RandomSort(x, y) { – ); } ,,,,,,,,]; document.write(“<p>正序:” + array.sort(AscSort) + “</p>”); document.write(“<p>倒序:” + array.sort(DescSort) + “</p>”); document.write(“<p>随机排序:” + array.sort(RandomSort) + “</p>”); document.write(“<p>随机排序:” + array.sort(RandomSort) + “</p>”); document.write(“<p>随机排序:” + array.sort(RandomSort) + “</p>”); </script>
slice 方法 (Array)
返回一个数组的一段。返回一个 Array 对象
arr.slice(start, [end])
参数
start 开始元素是从零开始计算的下标。
end 结束元素是从零开始计算的下标。
slice 方法一直复制到 end 所指定的元素,但是不包括该元素。
如果 start 为负,将它作为 length + start处理,此处 length 为数组的长度。
如果 end 为负,就将它作为 length + end 处理,此处 length 为数组的长度。
如果省略 end ,那么 slice 方法将一直复制到 arrayObj 的结尾。
如果 end 出现在 start 之前,不复制任何元素到新数组中。
示例
在下面这个例子中,除了最后一个元素之外,myArray 中所有的元素都被复制到 newArray 中:
newArray = myArray.slice(0, -1)
splice 方法
从一个数组中移除一个或多个元素,如果必要,在所移除元素的位置上插入新元素,返回所移除的元素。
arr.splice(start, deleteCount, [item1[, item2[, . . . [,itemN]]]])
参数
start 指定从数组中移除元素的开始位置,这个位置是从 0 开始计算的。
deleteCount 要移除的元素的个数。
item1, item2,. . .,itemN 要在所移除元素的位置上插入的新元素。
reverse 方法
返回一个元素顺序被反转的 Array 对象。
arr.reverse( )
在执行过程中,这个方法并不会创建一个新的 Array 对象。
如果数组是不连续的,reverse 方法将在数组中创建元素以便填充数组中的间隔。这样所创建的全部元素的值都是 undefined。
示例
function ReverseDemo(){ var a, l; // 声明变量。 a = ,,,,); // 创建数组并赋值。 l = a.reverse(); // 反转数组的内容。 return(l); // 返回结果数组。 }
数往知来 JavaScript<十三>的更多相关文章
- 从头开始学JavaScript (十三)——Date类型
说明:UTC:国际协调日期 GMT:格林尼治标准时间 一.date类型的创建 使用new操作符和Date()构造函数 var now=new Date(): 传入参数:Date.parse()和Dat ...
- JavaScript高级程序设计:第十三章
第十三章 一.理解事件流 事件流描述的是从页面中接收事件的顺序. 1.事件冒泡 IE的事件流叫做事件冒泡,即事件开始时由最具体的元素接收,然后逐级向上传播到较为不具体的节点.以下面的HTML页面为例: ...
- JavaScript -- 时光流逝(十三):DOM -- Console 对象
JavaScript -- 知识点回顾篇(十三):DOM -- Console 对象 (1) assert() : 如果断言为 false,则在信息到控制台输出错误信息.(2) clear() : 清 ...
- How Javascript works (Javascript工作原理) (十三) CSS 和 JS 动画底层原理及如何优化其性能
个人总结:读完这篇文章需要20分钟. 这是 JavaScript 工作原理的第十三章. 概述 正如你所知,动画在创建令人叹服的网络应用中扮演着一个关键角色.由于用户越来越注重用户体验,商户开始意识到完 ...
- JavaScript 工作原理之十三-CSS 和 JS 动画底层原理及如何优化其性能
原文请查阅这里,本文采用知识共享署名 4.0 国际许可协议共享,BY Troland. 本系列持续更新中,Github 地址请查阅这里. 这是 JavaScript 工作原理的第十三章. 概述 正如你 ...
- JavaScript权威设计--Window对象(简要学习笔记十三)
1.Window对象是所有客户端JavaScript特性和API的主要接入点. Window对象中的一个重要属性是document,它引用Document对象. JavaScript程序可以通过Doc ...
- JavaScript基础--DOM对象(十三):(windows对象:history\location\navigator\screen\event)
DOM编程1.为什么要学习DOM(1) 通过dom编程,我们可以写出各种网页游戏(2)dom编程也是ajax的重要基础2.DOM编程介绍DOM = Document Object Model(文档对象 ...
- JavaScript要点(十三) HTML DOM EventListener
addEventListener() 方法 <body> <p>该实例使用 addEventListener() 方法在按钮中添加点击事件. </p> <bu ...
- javascript基础学习(十三)
javascript之文档对象 学习要点: 文档对象 文档对象的应用 一.文档对象 Document对象是代表一个浏览器窗口或框架中的显示HTML文件的对象.javascript会为每个HTML文档自 ...
随机推荐
- Java —— 时区(夏令时)问题
有没有遇到过这样的情况:数据库里的是时间是“1991-4-14”,但是Java取出来后就成了“1991-4-13”. 解决方法一: 先把时区设成GMT,把 根据夏时制自动调节时钟 的选项去掉. 再把时 ...
- PowerDesigner15.1创建模型及生成带注释sql操作手册
转自:http://blog.csdn.net/huiwenjie168/article/details/7824029 一.创建模型 操作:file-->new Model… 快捷键:ctrl ...
- 14.allegro.PCB设计前工作[原创]
一.设置板子大小 -- ----- 板子边框 2种设置outline方法,创建2个KI,两个keepin,,r:允许布线区:p允许摆放元件的区域 法一:直接添加线 ①Board Geometry(最外 ...
- 自定义View(7)官方教程:自定义View(含onMeasure),自定义一个Layout(混合组件),重写一个现有组件
Custom Components In this document The Basic Approach Fully Customized Components Compound Controls ...
- linux/shell 文本文件删除/删掉空行
分别用sed awk perl grep 实现: sed '/^$/d' input.txt > output.txt #output file: output.txt sed -i '/^$/ ...
- Lepus经历收获杂谈(一)——confirm features的小工具
------记Project of AIM_PointCloudTrainingManager------ ---------------------------------------------- ...
- arranging-coins
https://leetcode.com/problems/arranging-coins/ public class Solution { public int arrangeCoins(int n ...
- 红黑树、B(+)树、跳表、AVL等数据结构,应用场景及分析,以及一些英文缩写
在网上学习了一些材料. 这一篇:https://www.zhihu.com/question/30527705 AVL树:最早的平衡二叉树之一.应用相对其他数据结构比较少.windows对进程地址空间 ...
- Qt之重启应用程序
简介 今天分享的内容有些意思-如何重启一个应用程序.其实,有时候这是一个很重要的功能点,而且很人性化.易用性很好. 例如:切换用户.当某个用户登录成功之后,需要切换到其它账号,那么这时,你就知道它的重 ...
- Mybatis返回插入的主键
在使用MyBatis做持久层时,insert语句默认是不返回记录的主键值,而是返回插入的记录条数:如果业务层需要得到记录的主键时,可以通过配置的方式来完成这个功能 情景一:针对自增主键的表,在插入时不 ...