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

你可能感兴趣的:(javascript)