javascript代码总结
导读:JavaScript代码总结JavaScript作为一种脚本语言,一直以来都备受广大开发者的追捧。无论是在网页开发中,还是在移动应用开发中,JavaScript代码都扮演着至关重要的角色。下面就为大家总结出了一些常见的JavaScript代...
JavaScript代码总结JavaScript作为一种脚本语言,一直以来都备受广大开发者的追捧。无论是在网页开发中,还是在移动应用开发中,JavaScript代码都扮演着至关重要的角色。下面就为大家总结出了一些常见的JavaScript代码实例,希望对大家有所帮助。
一、数组反转
我们知道,JavaScript中有一个非常方便的方法可以将数组反转,那就是reverse(),下面是一个简单的实例:
var myArray = [1, 2, 3, 4, 5];
myArray.reverse();
console.log(myArray);
//[5, 4, 3, 2, 1]
当然,我们也可以用forEach()方法实现:
var myArray = [1, 2, 3, 4, 5];
var reversedArray = [];
myArray.forEach(function (value, index, array) {
reversedArray.push(array[array.length - 1 - index]);
}
);
console.log(reversedArray);
//[5, 4, 3, 2, 1]
二、获取URL参数
在很多场景下,我们需要获取URL中的参数值,这时候我们可以使用JavaScript中的正则表达式或者split()方法,下面是一个简单的实例:
//URL:http://www.example.com/?id=1234&
page=1
var url = location.search;
var reg = /(?:\?|&
)(\w+)=(\w+)(?=&
|$)/g;
var params = {
}
;
url.replace(reg,function(str,key,value){
params[key] = value;
}
);
console.log(params['id']);
//1234
console.log(params['page']);
//1
三、格式化日期
在应用开发过程中,经常需要格式化日期,下面为大家介绍几种方法:
使用正则表达式:
var date = new Date();
var formattedDate = (date.getMonth() + 1) + "/" + date.getDate() + "/" + date.getFullYear();
console.log(formattedDate);
//"9/30/2021"
使用第三方库,如moment.js:
var date = new Date();
var formattedDate = moment(date).format("MM/DD/YYYY");
console.log(formattedDate);
//"09/30/2021"
四、拍平多维数组
在编写JavaScript代码时,我们经常需要处理二维数组或者多维数组,下面是一种拍平多维数组的方法:
var arr = [1, [2, [3, 4]]];
var flattenedArray = arr.toString().split(',').map(function(item){
return parseInt(item);
}
);
console.log(flattenedArray);
//[1, 2, 3, 4]
五、去重
JavaScript中的Set方法可以很方便地去除数组中的重复元素:
var arr = [1, 2, 3, 4, 5, 5, 4, 3, 2, 1];
var uniqueArray = [...new Set(arr)];
console.log(uniqueArray);
//[1, 2, 3, 4, 5]
六、排序
JavaScript中可以使用sort()方法对数组进行排序,例如对数字数组进行从小到大的排序:
var arr = [5, 3, 1, 4, 2];
arr.sort(function(a, b){
return a - b;
}
);
console.log(arr);
//[1, 2, 3, 4, 5]
七、生成随机数
在某些情况下,我们需要随机生成数字,比如在生成随机验证码时,我们可以使用Math.random()方法实现:
var randomNumber = Math.floor(Math.random() * 10);
//生成0-9之间的随机整数
console.log(randomNumber);
以上就是JavaScript常见代码实例的总结。对于初学者来说,在阅读和理解这些经典例子的同时,可以通过自己的编码实践,逐渐增加自己的熟练度,不断提高自己的JavaScript编程水平。
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: javascript代码总结
本文地址: https://pptw.com/jishu/557975.html