js学习笔记1
就是调用对象是一个Array,对Array类型增加了一个原型写法的函数,一般写一些扩展时经常用。比如判断一个元素是否在数组中之类的
js数组去重的三种常用方法总结
第一种是比较常规的方法
思路:
1.构建一个新的数组存放结果
2.for循环中每次从原数组中取出一个元素,用这个元素循环与结果数组对比
3.若结果数组中没有该元素,则存到结果数组中
Array.prototype.unique1 = function(){
var res = [this[0]];
for(var i = 1; i < this.length; i++){
var repeat = false;
for(var j = 0; j < res.length; j++){
if(this[i] == res[j]){
repeat = true;
break;
}
}
if(!repeat){
res.push(this[i]);
}
}
return res;
}
var arr = [1, 'a', 'a', 'b', 'd', 'e', 'e', 1, 0]
alert(arr.unique1());
console:
var arr = [1, 'a', 'a', 'b', 'd', 'e', 'e', 1, 0]
undefined
var res = [arr[0]];
undefined
res
[1]
var pattern = /aaaa/,
str = 'aaaa';
console.log(pattern.test(str));
VM1599:3 true
undefined
第二种方法比上面的方法效率要高
思路:
1.先将原数组进行排序
2.检查原数组中的第i个元素 与 结果数组中的最后一个元素是否相同,因为已经排序,所以重复元素会在相邻位置
3.如果不相同,则将该元素存入结果数组中
Array.prototype.unique2 = function(){
this.sort(); //先排序
var res = [this[0]];
for(var i = 1; i < this.length; i++){
if(this[i] !== res[res.length - 1]){
res.push(this[i]);
}
}
return res;
}
var arr = [1, 'a', 'a', 'b', 'd', 'e', 'e', 1, 0]
alert(arr.unique2());
第二种方法也会有一定的局限性,因为在去重前进行了排序,所以最后返回的去重结果也是排序后的。如果要求不改变数组的顺序去重,那这种方法便不可取了。
第三种方法(推荐使用)
思路:
1.创建一个新的数组存放结果
2.创建一个空对象
3.for循环时,每次取出一个元素与对象进行对比,如果这个元素不重复,则把它存放到结果数组中,同时把这个元素的内容作为对象的一个属性,并赋值为1,存入到第2步建立的对象中。
说明:至于如何对比,就是每次从原数组中取出一个元素,然后到对象中去访问这个属性,如果能访问到值,则说明重复。
Array.prototype.unique3 = function(){
var res = [];
var json = {};
for(var i = 0; i < this.length; i++){
if(!json[this[i]]){
res.push(this[i]);
json[this[i]] = 1;
}
}
return res;
}
var arr = [112,112,34,'你好',112,112,34,'你好','str','str1'];
alert(arr.unique3());
JS使用正则表达式除去字符串中重复字符的方法
<script language=
"javascript"
>
str =
"Google"
str1 = str.replace(/(.).*\1/g,
"$1"
)
document.write(str +
"<br>"
);
document.write(str1);
</script>
-
prototype(JS对象)
js 自带的 map() 方法
http://www.cnblogs.com/lengyuehuahun/p/5642807.html
http://www.cnblogs.com/rocky-fang/p/5756733.html
JS正则表达式
JavaScript RegExp 对象
RegExp 对象
RegExp 对象表示正则表达式,它是对字符串执行模式匹配的强大工具。
RegExp 对象属性
属性 | 描述 | FF | IE |
---|---|---|---|
global | RegExp 对象是否具有标志 g。 | 1 | 4 |
ignoreCase | RegExp 对象是否具有标志 i。 | 1 | 4 |
lastIndex | 一个整数,标示开始下一次匹配的字符位置。 | 1 | 4 |
multiline | RegExp 对象是否具有标志 m。 | 1 | 4 |
source | 正则表达式的源文本。 | 1 | 4 |
JS正则表达式基本用法(经典全)
http://www.jb51.net/article/72346.htm
function Click(){
if (event.button!=1){
alert('版权所有(C)2001 XXX工作室');
}}
document.onmousedown=Click;
1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键,其实是禁止快捷菜单,因为不光右键可以弹出这个菜单,键盘上空格键右边的windows键也可以激活这个快捷菜单
<table border oncontextmenu=return(false)><td>no</table> 可用于Table
2. <body onselectstart="return false"> 禁止选取、防止复制
3. onpaste="return false" 禁止粘贴
4. oncopy="return false;" oncut="return false;" 禁止复制和剪切
5. <input style="ime-mode:disabled"> 关闭输入法
用javascript 禁止右键,禁止复制,禁止粘贴
有时自己辛苦半天做的网页,尤其是一些JavaScript特效,很容易被人利用查看源文件而复制。那么如何才能防止被人查看源代码呢?我们可以利用event.button特性来做到。下表是event.button属性的可能取值及含义: 注意:把body改为如下代码:<body oncontextmenu="window.event.returnValue=false">,其中Value中的V一定要大写!! 页面禁用鼠标右键代码 可以把下面代码加入到页面适当位置。 <script language=javascript> //以下为禁止鼠标右键的代码,不想禁止的可以删除 if (window.Event) function nocontextmenu() return false; function norightclick(e) } document.oncontextmenu = nocontextmenu; // for IE5+ 应用方法同上。 <script language="JavaScript1.2"> function associateimages(){ if (document.all)
<script language="JavaScript"> <body onselectstart="return false"; onpaste="return false";> 如何用用javascript 禁止右键,禁止复制,禁止粘贴,做站时常会用到这些代码,所以收藏了一下! 2. <body onselectstart="return false"> 取消选取、防止复制 javascript技巧 3. onpaste="return false" 不准粘贴技巧 4. oncopy="return false;" oncut="return false;" 防止复制的javascirpt特效
JavaScript Math(算数)对象
Math(算数)对象的作用是:执行常见的算数任务。
round()四舍五入 Math.round(0.60) 1 Math.random() 0.6291165814237754 Math.max(5,7) 7
Math 对象提供多种算数值类型和函数。无需在使用这个对象之前对它进行定义
Math 对象方法
|