JavaScript 内置函数及其用法

以下是一些常用的 JavaScript 内置函数及其用法：

1. 字符串相关函数：

   • charAt()：返回指定位置的字符。
   • charCodeAt()：返回指定位置的字符的 Unicode 值。
   • concat()：连接两个或多个字符串。
   • indexOf()：返回指定字符或子串首次出现的位置。
   • lastIndexOf()：返回指定字符或子串最后一次出现的位置。
   • slice()：提取字符串的一部分。
   • substring()：提取字符串的一部分。
   • toLowerCase()：将字符串转换为小写。
   • toUpperCase()：将字符串转换为大写。
   • trim()：去除字符串两端的空格。

2. 数组相关函数：

   • push()：向数组末尾添加一个或多个元素，并返回新的长度。
   • pop()：删除并返回数组的最后一个元素。
   • shift()：删除并返回数组的第一个元素。
   • unshift()：向数组开头添加一个或多个元素，并返回新的长度。
   • concat()：连接两个或多个数组，并返回新数组。
   • join()：将数组的所有元素连接成一个字符串。
   • slice()：提取数组的一部分。
   • splice()：删除、插入或替换数组的元素。
   • sort()：对数组进行排序。
   • reverse()：反转数组的顺序。

// push()
const fruits = ['apple', 'banana'];
const newLength = fruits.push('orange');
console.log(fruits); // 输出: ['apple', 'banana', 'orange']
console.log(newLength); // 输出: 3

// pop()
const fruits = ['apple', 'banana', 'orange'];
const lastFruit = fruits.pop();
console.log(fruits); // 输出: ['apple', 'banana']
console.log(lastFruit); // 输出: 'orange'

// shift()
const fruits = ['apple', 'banana', 'orange'];
const firstFruit = fruits.shift();
console.log(fruits); // 输出: ['banana', 'orange']
console.log(firstFruit); // 输出: 'apple'

// unshift()
const fruits = ['banana', 'orange'];
const newLength = fruits.unshift('apple', 'grape');
console.log(fruits); // 输出: ['apple', 'grape', 'banana', 'orange']
console.log(newLength); // 输出: 4

// concat()
const fruits1 = ['apple', 'banana'];
const fruits2 = ['orange', 'grape'];
const allFruits = fruits1.concat(fruits2);
console.log(allFruits); // 输出: ['apple', 'banana', 'orange', 'grape']

// join()
const fruits = ['apple', 'banana', 'orange'];
const fruitsString = fruits.join(', ');
console.log(fruitsString); // 输出: 'apple, banana, orange'

// slice()
const fruits = ['apple', 'banana', 'orange', 'grape'];
const citrusFruits = fruits.slice(1, 3);
console.log(citrusFruits); // 输出: ['banana', 'orange']

// splice()
const fruits = ['apple', 'banana', 'orange'];
fruits.splice(1, 0, 'grape');
console.log(fruits); // 输出: ['apple', 'grape', 'banana', 'orange']

// sort()
const fruits = ['orange', 'apple', 'banana'];
fruits.sort();
console.log(fruits); // 输出: ['apple', 'banana', 'orange']

// reverse()
const fruits = ['apple', 'banana', 'orange'];
fruits.reverse();
console.log(fruits); // 输出: ['orange', 'banana', 'apple']

1. 数字相关函数：

   • toFixed()：将数字转换为指定小数位数的字符串表示。
   • toPrecision()：将数字转换为指定精度的字符串表示。
   • toString()：将数字转换为字符串。
   • parseInt()：将字符串解析为整数。
   • parseFloat()：将字符串解析为浮点数。
   • isNaN()：判断一个值是否为 NaN。

2. 对象相关函数：

   • hasOwnProperty()：判断对象是否具有指定属性。
   • keys()：返回对象的所有属性名组成的数组。
   • values()：返回对象的所有属性值组成的数组。

3. 函数相关函数：

   • call()：调用一个函数，并指定 this 值和参数。
   • apply()：调用一个函数，并指定 this 值和参数（参数以数组形式传递）。
   • bind()：创建一个新函数，将指定的 this 值和参数绑定到原函数。

4. 日期相关函数：

   • getFullYear()：返回年份。
   • getMonth()：返回月份（0-11）。
   • getDate()：返回日期（1-31）。
   • getDay()：返回星期几（0-6）。
   • getHours()：返回小时（0-23）。
   • getMinutes()：返回分钟（0-59）。
   • getSeconds()：返回秒（0-59）。
   • getTime()：返回时间戳（从 1970 年 1 月 1 日开始的毫秒数）。

Math.random()：生成一个从 0 到 1 之间的随机数。

const num = Math.random(); // 生成一个从 0 到 1 之间的随机数，并赋值给变量 num

Math.round()：四舍五入到最接近的整数。

const num1 = Math.round(3.49); // 四舍五入到最接近的整数 3，并赋值给变量 num1
const num2 = Math.round(3.5); // 四舍五入到最接近的整数 4，并赋值给变量 num2

 

parseInt()：将一个字符串解析为整数。

const num1 = parseInt('123'); // 将字符串 '123' 解析为整数 123，并赋值给变量 num1
const num2 = parseInt('ABC'); // 将字符串 'ABC' 解析为整数 NaN（Not a Number），并赋值给变量 num2

parseFloat()：将一个字符串解析为浮点数。

const num1 = parseFloat('3.14'); // 将字符串 '3.14' 解析为浮点数 3.14，并赋值给变量 num1
const num2 = parseFloat('ABC'); // 将字符串 'ABC' 解析为浮点数 NaN（Not a Number），并赋值给变量 num2

isNaN()：判断一个值是否为 NaN。

isNaN(123); // 返回 false，因为数字 123 不是 NaN
isNaN('ABC'); // 返回 true，因为字符串 'ABC' 解析为 NaN

typeof()：返回一个值的数据类型。

typeof 123; // 返回 'number'
typeof 'ABC'; // 返回 'string'
typeof true; // 返回 'boolean'
typeof null; // 返回 'object'
typeof undefined; // 返回 'undefined'
typeof {}; // 返回 'object'
typeof []; // 返回 'object'

String()：将一个值转换为字符串。

String(123); // 返回字符串 '123'
String(true); // 返回字符串 'true'
String(null); // 返回字符串 'null'
String(undefined); // 返回字符串 'undefined'

Number()：将一个值转换为数字。

Number('123'); // 返回数字 123
Number('3.14'); // 返回数字 3.14
Number(true); // 返回数字 1
Number(false); // 返回数字 0
Number(null); // 返回数字 0
Number(undefined); // 返回数字 NaN

 confirm()：弹出一个对话框，提示用户确认或取消某项操作，并返回用户的选择结果。

const result = confirm('Are you sure you want to delete this file?'); // 弹出一个对话框，提示用户确认或取消删除操作，并将用户的选择结果赋值给变量 result
if (result) {
  // 如果用户选择了确认，则执行删除操作
  console.log('File deleted.');
} else {
  // 如果用户选择了取消，则不执行删除操作
  console.log('Deletion canceled.');
}

以上是一些常用的 JavaScript 内置函数及其用法。还有很多其他内置函数，可以参考 JavaScript 的官方文档或其他 JavaScript 学习资源来了解更多。

JavaScript 参考 - JavaScript | MDN