javascript常用函数，JavaScript核心函数大全

JavaScript常用函数摘要：JavaScript函数是执行特定任务的代码块，常用于处理用户交互、数据验证、事件处理等，常用函数包括字符串操作（如toUpperCase()、toLowerCase()、split()）、数学运算（如Math.sqrt()、Math.random()）、数组处理（如push()、pop()、forEach()）、日期处理（如Date.now()、Date.parse()）以及DOM操作（如getElementById()、createElement()），掌握这些函数对于高效编程至关重要。

嗨，大家好！我是编程新手，最近在学习JavaScript，感觉里面有很多函数用起来特别方便，但是有时候也觉得有点乱，不知道哪些是常用的，哪些是必须要掌握的，所以我想请教一下,有哪些JavaScript的常用函数是我们初学者应该重点学习的呢？

下面，我就来为大家地介绍一下JavaScript的一些常用函数,希望能帮助到像我这样的编程新手。

一：字符串操作函数

1. split() 函数：这个函数可以将一个字符串按照指定的分隔符拆分成一个数组，如果你想将一个以逗号分隔的字符串拆分成数组,可以这样用：

   let str = "apple,banana,cherry";
   let fruits = str.split(",");
   console.log(fruits); // ["apple", "banana", "cherry"]

2. toUpperCase() 函数：将字符串转换为大写,这对于处理用户输入或者显示格式化数据非常有用。

   let text = "hello world";
   console.log(text.toUpperCase()); // "HELLO WORLD"

3. toLowerCase() 函数：将字符串转换为小写，与toUpperCase()相反。

   console.log(text.toLowerCase()); // "hello world"

4. trim() 函数：去除字符串两端的空白字符，如空格、制表符等。

   let whitespace = "   hello world   ";
   console.log(whitespace.trim()); // "hello world"

二：数学函数

1. Math.random() 函数：生成一个0到1之间的随机数（不包括1）。

   

   let randomNumber = Math.random();
   console.log(randomNumber); // 输出0到1之间的随机数

2. Math.round() 函数：将一个数字四舍五入到最接近的整数。

   let roundedNumber = Math.round(3.6);
   console.log(roundedNumber); // 输出4

3. Math.max() 函数：返回一组数值中的最大值。

   let maxNumber = Math.max(1, 2, 3, 4, 5);
   console.log(maxNumber); // 输出5

4. Math.min() 函数：返回一组数值中的最小值。

   let minNumber = Math.min(1, 2, 3, 4, 5);
   console.log(minNumber); // 输出1

三：日期和时间函数

1. new Date() 函数：创建一个新的日期对象。

   let currentDate = new Date();
   console.log(currentDate); // 输出当前日期和时间

2. Date.getFullYear() 函数：获取日期对象的年份。

   

   console.log(currentDate.getFullYear()); // 输出当前年份

3. Date.getMonth() 函数：获取日期对象的月份（0-11）。

   console.log(currentDate.getMonth()); // 输出当前月份（0表示1月）

4. Date.getDate() 函数：获取日期对象的天数（1-31）。

   console.log(currentDate.getDate()); // 输出当前天数

四：数组操作函数

1. Array.prototype.push() 方法：向数组的末尾添加一个或多个元素,并返回新的长度。

   let numbers = [1, 2, 3];
   numbers.push(4);
   console.log(numbers); // 输出[1, 2, 3, 4]

2. Array.prototype.pop() 方法：删除数组的最后一个元素,并返回那个元素。

   let lastNumber = numbers.pop();
   console.log(lastNumber); // 输出4

3. Array.prototype.shift() 方法：删除数组的第一个元素,并返回那个元素。

   let firstNumber = numbers.shift();
   console.log(firstNumber); // 输出1

4. Array.prototype.unshift() 方法：向数组的开头添加一个或多个元素,并返回新的长度。

   numbers.unshift(0);
   console.log(numbers); // 输出[0, 2, 3, 4]

通过以上对JavaScript常用函数的介绍，相信大家对如何使用这些函数有了更清晰的认识，掌握这些函数对于编写高效的JavaScript代码至关重要,希望这篇文章能帮助你更好地学习JavaScript！

其他相关扩展阅读资料参考文献：

数组处理函数

1. map()：对数组每个元素执行回调函数并返回新数组，不会改变原数组。[1,2,3].map(x => x*2)会生成[2,4,6]，适用于数据转换场景。
2. filter()：筛选符合条件的元素，返回新数组。[1,2,3,4].filter(x => x%2 === 0)会保留偶数，常用于过滤数据集合。
3. reduce()：将数组缩减为单一值，需要初始化值。[1,2,3].reduce((acc, curr) => acc + curr, 0)计算总和，适合统计、累加等操作。
4. sort()：对数组元素排序，原数组会被修改。[3,1,2].sort((a,b) => a - b)会升序排列，注意数字排序需提供比较函数。
5. find()：查找满足条件的第一个元素，返回原数据类型。[1,2,3].find(x => x > 2)返回3，适用于快速定位需求。

字符串操作函数

1. trim()：去除字符串两端的空白字符，不改变原字符串。" hello ".trim()变为"hello"，常用于清理用户输入。
2. split()：将字符串按指定分隔符拆分为数组，支持正则表达式。"a,b,c".split(",")生成["a","b","c"]，适合解析CSV或路径。
3. replace()：替换字符串中匹配的子串，可使用正则表达式。"hello".replace("h", "H")变为"Hello"，注意全局替换需加g标志。
4. padStart() / padEnd()：在字符串开头或结尾填充字符，控制填充长度。"123".padStart(5, "0")变为"00123"，用于格式化数字或文本。
5. includes()：检查字符串是否包含指定子串，返回布尔值。"hello".includes("el")为true，替代传统indexOf()方法更直观。

对象操作函数

1. Object.keys()：获取对象的所有键名，返回数组。Object.keys({a:1, b:2})得到["a","b"]，常用于遍历对象属性。
2. Object.values()：提取对象的所有值，返回数组。Object.values({a:1, b:2})得到[1,2]，适合处理数据提取需求。
3. Object.entries()：将对象转换为键值对数组，支持遍历。Object.entries({a:1, b:2})生成[["a",1], ["b",2]]，便于结合数组方法处理。
4. Object.assign()：浅拷贝对象属性，合并多个对象。Object.assign({x:1}, {y:2})得到{x:1, y:2}，注意深拷贝需使用其他方法。
5. 解构赋值：通过const {key1, key2} = obj提取对象属性，简化代码结构。const {name, age} = {name:"Alice", age:25}，避免逐个访问属性。

函数式编程工具函数

1. 函数柯里化（curry）：将多参数函数转换为单参数函数，逐步传递参数。function add(a,b) { return a + b }可改造为curry(add)(2)(3)，便于复用和组合。
2. 函数节流（throttle）：限制函数执行频率，避免频繁触发，滚动事件监听时使用节流，防止性能崩溃。
3. 防抖（debounce）：在事件停止后执行函数，延迟触发，搜索框输入时防抖，减少无效请求。
4. Promise：处理异步操作，封装回调函数。fetch(url).then(data => console.log(data))替代传统回调，代码更清晰。
5. async/await：简化Promise链式调用，同步风格处理异步。async function fetchData() { const res = await fetch(url); return res.json() }，提升可读性与错误处理效率。

数据类型转换与处理函数

1. Number()：将值转换为数字，处理字符串或布尔值。Number("123")得到123，Number("abc")返回NaN，注意类型转换的边界情况。
2. String()：将值转换为字符串，兼容非字符串类型。String(123)得到"123"，String(null)变为"null"，适用于统一数据输出。
3. Boolean()：转换为布尔值，空值或0返回false。Boolean("")为false，Boolean(0)为false，常用于条件判断。
4. Date()：创建日期对象，支持时间戳或字符串。new Date("2023-10-01")生成对应日期对象，用于时间计算或格式化。
5. JSON.parse() / JSON.stringify()：解析和序列化JSON数据，确保数据格式正确。JSON.parse('{"name":"Alice"}')得到对象，JSON.stringify({name:"Alice"})生成字符串，是前后端数据交互的核心工具。

JavaScript的常用函数覆盖了数据处理、字符串操作、对象管理、函数式编程及类型转换等核心场景，掌握这些函数能显著提升开发效率，数组处理中的map和filter简化数据转换与过滤逻辑，而Promise和async/await则让异步代码更易维护，在实际开发中，合理使用函数柯里化和防抖可优化性能，对象操作函数如Object.keys和解构赋值能提升代码可读性。注意函数的副作用，如sort()会修改原数组，需谨慎使用。数据类型转换函数如Number()和JSON.parse()是处理输入输出的关键，避免因类型错误导致程序崩溃，通过熟练运用这些函数，开发者可以更高效地解决复杂问题，同时保持代码简洁与可维护性。