前端学习笔记JavaScript 小案例合集

Posted 朱两边

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端学习笔记JavaScript 小案例合集相关的知识,希望对你有一定的参考价值。

获取一个0-9的随机数:

Math.round(Math.random()*9);

去除数组中重复的元素:

var arr=[1,3,5,4,3,3,1,4]
function editArr(arr) {
	var result=[];
	for(var i=0; i<arr.length; i++){
	    if(result.indexOf(arr[i]) == -1){
	      result.push(arr[i]);
	    }
	}
	console.log(result);
}      
editArr(arr);

+函数parseQuery用于解析url查询参数
-语法如下:
-var obj = parseQuery(query)
-query是被解析的查询参数,函数返回解析后的对象。
-使用范例如下:
-var jerry = parseQuery("name=jerry&age=1");
-jerry; 返回值:{name: " jerry ", age: "1"}
-var tom = parseQuery("name= tom &age=12&gender&");
-tom; 返回值:{name: "tom", age: "12", gender: ""}
-请写出函数parseQuery的实现代码。

方法一:

function parseQuery(query){
	var arr = query.replace(/\s+/g,‘‘).split(‘&‘);
	var obj = {};
	for(var i = 0; i < arr.length; i++){
		if(arr[i]){
			var newArr = arr[i].split(‘=‘);
			if(!newArr[1]){
				newArr[1] = ‘‘;
			}
			obj[newArr[0]] = newArr[1];
		}
	}
	return obj;
}

方法二:

function parseQuery(query){
	var reg = /([^=&\s]+)[=\s]*([^=&\s]*)/g;
	var obj = {};
	while(reg.exec(query)){
        obj[RegExp.$1] = RegExp.$2;
	}
	return obj;
}

 










以上是关于前端学习笔记JavaScript 小案例合集的主要内容,如果未能解决你的问题,请参考以下文章

HTML+CSS+JS+Jquery+练手项目+...合集(前端学习必备,持续更新中...)

黑马程序员前端-CSS常见布局技巧+案例

JavaScript超全学习笔记+Web经典案例,赶快收藏

图解 Google V8学习笔记合集 23 篇(完结)

JavaScript demo合集——基础篇

#yyds干货盘点 react笔记之学习之事件