常用JavaScript函数汇总：前端开发的得力助手

2024-01-17 02:06:38

引言

JavaScript 作为一门强大的前端脚本语言，在构建现代 Web 应用中发挥着至关重要的作用。为了帮助开发人员更高效地使用 JavaScript，本文整理了一系列常用的 JavaScript 函数，涵盖了字符串操作、数组处理、日期处理、数学运算、事件处理等方面的内容。这些函数可以帮助开发人员编写更简洁、更高效的代码，提高开发效率。

字符串操作函数

String.prototype.trim() ：去除字符串首尾空格。
String.prototype.toUpperCase() ：将字符串转换为大写。
String.prototype.toLowerCase() ：将字符串转换为小写。
String.prototype.indexOf(substr) ：返回指定子字符串在字符串中首次出现的位置。
String.prototype.lastIndexOf(substr) ：返回指定子字符串在字符串中最后一次出现的位置。
String.prototype.slice(start, end) ：截取字符串的一部分，从索引 start 开始，到索引 end 结束（不包括 end）。

数组处理函数

Array.prototype.push() ：在数组末尾添加一个或多个元素。
Array.prototype.pop() ：移除数组最后一个元素并返回该元素。
Array.prototype.unshift() ：在数组开头添加一个或多个元素。
Array.prototype.shift() ：移除数组第一个元素并返回该元素。
Array.prototype.indexOf(element) ：返回数组中指定元素的索引，如果元素不存在，则返回 -1。
Array.prototype.lastIndexOf(element) ：返回数组中指定元素的最后一个索引，如果元素不存在，则返回 -1。
Array.prototype.slice(start, end) ：截取数组的一部分，从索引 start 开始，到索引 end 结束（不包括 end）。
Array.prototype.sort() ：对数组中的元素进行排序。
Array.prototype.reverse() ：反转数组中的元素顺序。

日期处理函数

Date.now() ：返回当前时间戳，以毫秒为单位。
new Date() ：创建一个新的 Date 对象，表示当前日期和时间。
Date.prototype.getFullYear() ：返回日期的年份。
Date.prototype.getMonth() ：返回日期的月份（0-11）。
Date.prototype.getDate() ：返回日期的日期（1-31）。
Date.prototype.getHours() ：返回日期的小时（0-23）。
Date.prototype.getMinutes() ：返回日期的分钟（0-59）。
Date.prototype.getSeconds() ：返回日期的秒（0-59）。
Date.prototype.getMilliseconds() ：返回日期的毫秒（0-999）。
Date.prototype.toLocaleString() ：将日期转换为本地字符串表示形式。

数学运算函数

Math.PI ：圆周率 π 的近似值，约为 3.14159265。
Math.E ：自然对数的底 e 的近似值，约为 2.71828183。
Math.abs(number) ：返回数字的绝对值。
Math.sqrt(number) ：返回数字的平方根。
Math.pow(base, exponent) ：返回 base 的 exponent 次幂。
Math.min(n1, n2, ...) ：返回一组数字中的最小值。
Math.max(n1, n2, ...) ：返回一组数字中的最大值。
Math.round(number) ：将数字四舍五入到最接近的整数。
Math.floor(number) ：将数字向下舍入到最接近的整数。
Math.ceil(number) ：将数字向上舍入到最接近的整数。

事件处理函数

addEventListener(event, listener, useCapture) ：在元素上添加一个事件监听器，当事件发生时，触发监听器函数。
removeEventListener(event, listener, useCapture) ：从元素上移除一个事件监听器。
preventDefault() ：阻止事件的默认行为。
stopPropagation() ：阻止事件在 DOM 树中进一步传播。
currentTarget ：返回触发事件的元素。
target ：返回事件的目标元素。
type ：返回事件的类型。