首页前端开发JavaScriptjavascript代码总结

javascript代码总结

时间2023-11-27 19:32:03发布访客分类JavaScript浏览414
导读: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
javascript主人攻击 javascript代替弹窗

游客 回复需填写必要信息