JS中常用的函数类型(包含String、Array 、Math函数)

目录

String函数

创建字符串

字符串连接

字符串查找

字符串截取

字符串替换

Array函数

创建数组

访问和修改数组元素

数组长度

增加和删除数组元素

数组遍历

Math函数

常用的数学方法

四舍五入

向上取整

向下取整

绝对值

幂运算

开方

随机数

最大值和最小值

三角函数

对数函数

近似值

常用的数学常量


String函数

创建字符串

你可以使用 String 函数来创建一个字符串对象,也可以直接使用单引号或双引号来创建一个字符串字面量。例如:

let str1 = new String('Hello World'); // 使用构造函数创建字符串对象
let str2 = 'Hello World'; // 使用字符串字面量创建字符串

在实际开发中,更常用的是使用字符串字面量形式来创建字符串。

字符串连接

String 函数提供了一个 concat() 方法用于连接两个或多个字符串,并返回一个新的字符串。例如:

let str1 = 'Hello';
let str2 = ' World';
let result = str1.concat(str2); // 'Hello World'

除了使用 concat() 方法,你还可以使用 + 运算符来连接字符串,例如:

let str1 = 'Hello';
let str2 = ' World';
let result = str1 + str2; // 'Hello World'

字符串查找

String 函数提供了一些方法来查找特定的字符串或字符在目标字符串中的位置。其中常用的方法有:

  • indexOf(searchValue[, fromIndex]):返回指定字符串或字符在目标字符串中首次出现的位置。如果没有找到,则返回 -1。可以指定 fromIndex 参数从指定的索引位置开始查找。
  • lastIndexOf(searchValue[, fromIndex]):返回指定字符串或字符在目标字符串中最后一次出现的位置。如果没有找到,则返回 -1。可以指定 fromIndex 参数从指定的索引位置开始查找。

示例:

let str = 'Hello World';
console.log(str.indexOf('World')); // 6
console.log(str.lastIndexOf('o')); // 7

字符串截取

String 函数提供了几个方法来截取目标字符串的一部分。常用的方法有:

  • slice(startIndex[, endIndex]):从目标字符串中提取指定索引范围内的字符,返回一个新的字符串。如果不指定 endIndex,则截取到字符串的末尾。如果 startIndex 或 endIndex 为负数,则按照倒序来截取。
  • substring(startIndex[, endIndex]):从目标字符串中提取指定索引范围内的字符,返回一个新的字符串。如果不指定 endIndex,则截取到字符串的末尾。如果 startIndex 或 endIndex 为负数,则自动转换为 0。如果 startIndex 大于 endIndex,则自动交换它们的位置。
  • substr(startIndex[, length]):从目标字符串中提取指定起始索引位置和长度的字符,返回一个新的字符串。如果不指定 length,则截取到字符串的末尾。如果 startIndex 为负数,则按照倒序来截取。

示例:

let str = 'Hello World';
console.log(str.slice(6)); // 'World'
console.log(str.substring(6, 11)); // 'World'
console.log(str.substr(6, 5)); // 'World'

字符串替换

String 函数提供了一个 replace(searchValue, replaceValue) 方法,用于将目标字符串中的特定字符或子串替换为新的字符或子串,并返回一个新的字符串。示例如下:

let str = 'Hello World';
let newStr = str.replace('World', 'JavaScript');
console.log(newStr); // 'Hello JavaScript'

replace() 方法还可以使用正则表达式来替换字符串。

除了上述提及的功能,String 函数还提供了许多其他的方法,例如 charAt()charCodeAt()toLowerCase()toUpperCase() 等,用于对字符串进行各种操作和转换。你可以参考 JavaScript 文档以获得更详细的了解和使用指南。

Array函数

创建数组

你可以使用 Array 构造函数来创建一个数组对象,也可以使用数组字面量来创建一个数组。例如:

let arr1 = new Array(); // 使用构造函数创建空数组
let arr2 = new Array(1, 2, 3); // 创建带有初始元素的数组
let arr3 = ['apple', 'banana', 'orange']; // 使用数组字面量创建数组

在实际开发中,更常用的是使用数组字面量的形式来创建数组。

访问和修改数组元素

你可以使用索引来访问和修改数组中的元素。数组的索引从 0 开始,即第一个元素的索引是 0。例如:

let arr = ['apple', 'banana', 'orange'];
console.log(arr[0]); // 'apple'
arr[1] = 'grape';
console.log(arr); // ['apple', 'grape', 'orange']

数组长度

Array 函数提供了一个 length 属性来获取数组的长度(即数组中元素的个数)。例如:

let arr = ['apple', 'banana', 'orange'];
console.log(arr.length); // 3

你还可以通过修改 length 属性来改变数组的长度。如果将 length 属性设置为较小的值,则会删除数组的末尾元素,而将 length 属性设置为较大的值,则会在数组末尾添加 undefined 值来扩展数组长度。

增加和删除数组元素

Array 函数提供了一些方法来增加和删除数组中的元素。

  • push(element1, element2, ...):将一个或多个元素添加到数组的末尾,并返回修改后的数组的长度。
  • pop():删除数组的最后一个元素,并返回被删除的元素。
  • unshift(element1, element2, ...):将一个或多个元素添加到数组的开头,并返回修改后的数组的长度。
  • shift():删除数组的第一个元素,并返回被删除的元素。

示例:

let arr = ['apple', 'banana', 'orange'];
arr.push('grape');
console.log(arr); // ['apple', 'banana', 'orange', 'grape']

let removedElement = arr.pop();
console.log(removedElement); // 'grape'
console.log(arr); // ['apple', 'banana', 'orange']

arr.unshift('kiwi');
console.log(arr); // ['kiwi', 'apple', 'banana', 'orange']

let removedElement = arr.shift();
console.log(removedElement); // 'kiwi'
console.log(arr); // ['apple', 'banana', 'orange']

数组遍历

Array 函数提供了多种遍历数组的方法,常用的有:

  • forEach(callbackFn):对数组中的每个元素执行指定的回调函数。
  • reduce(callbackFn[, initialValue]):对数组中的每个元素执行指定的回调函数,将结果累积到一个值中并返回该值。
  • map(callbackFn):对数组中的每个元素执行指定的回调函数,并返回一个新的具有回调函数返回值的数组。
  • filter(callbackFn):对数组中的每个元素执行指定的回调函数,并返回一个新的满足条件的元素组成的数组。

示例:

let arr = [1, 2, 3, 4, 5];

arr.forEach(function(element) {
  console.log(element);
});

let sum = arr.reduce(function(acc, current) {
  return acc + current;
}, 0);
console.log(sum); // 15

let squaredArray = arr.map(function(element) {
  return element * element;
});
console.log(squaredArray); // [1, 4, 9, 16, 25]

let filteredArray = arr.filter(function(element) {
  return element % 2 === 0;
});
console.log(filteredArray); // [2, 4]

除了上述方法,Array 函数还提供了许多其他的方法,例如 find()findIndex()reverse()sort() 等,用于对数组进行各种操作和处理。你可以参考 JavaScript 文档以获得更详细的了解和使用指南。

Math函数

常用的数学方法

四舍五入

  • Math.round(x):返回最接近 x 的整数。

向上取整

  • Math.ceil(x):返回大于或等于 x 的最小整数。

向下取整

  • Math.floor(x):返回小于或等于 x 的最大整数。

绝对值

  • Math.abs(x):返回 x 的绝对值。

幂运算

  • Math.pow(x, y):返回 x 的 y 次幂。

开方

  • Math.sqrt(x):返回 x 的平方根。

随机数

  • Math.random():返回一个 [0, 1) 范围内的随机浮点数。

最大值和最小值

  • Math.max(a, b, ...) :返回一组数中的最大值。
  • Math.min(a, b, ...) :返回一组数中的最小值。

三角函数

  • Math.sin(x):返回 x 的正弦值。
  • Math.cos(x):返回 x 的余弦值。
  • Math.tan(x):返回 x 的正切值。

对数函数

  • Math.log(x):返回 x 的自然对数(底为 e)。
  • Math.log10(x):返回 x 的以 10 为底的对数。

近似值

  • Math.floor(x * 10) / 10:将 x 保留到小数点后一位。
  • Math.round(x * 100) / 100:将 x 保留到小数点后两位。

常用的数学常量

  • Math.PI:表示圆周率 π 的近似值,约为 3.14159265359。
  • Math.E:表示自然对数的底 e 的近似值,约为 2.71828182846。

示例:

console.log(Math.round(4.6)); // 5
console.log(Math.ceil(4.3)); // 5
console.log(Math.floor(4.9)); // 4
console.log(Math.abs(-5)); // 5
console.log(Math.pow(2, 3)); // 8
console.log(Math.sqrt(9)); // 3
console.log(Math.random()); // 0.4286458885370397
console.log(Math.max(2, 8, 5)); // 8
console.log(Math.min(2, 8, 5)); // 2
console.log(Math.sin(Math.PI / 2)); // 1
console.log(Math.cos(Math.PI)); // -1
console.log(Math.tan(0)); // 0
console.log(Math.log(Math.E)); // 1
console.log(Math.log10(100)); // 2
console.log(Math.floor(3.14159 * 10) / 10); // 3.1

Math 函数还提供了很多其他的数学方法和常量,包括三角函数、指数函数、取整函数等。你可以参考 JavaScript 文档以获得更详细的了解和使用指南。

猜你喜欢

转载自blog.csdn.net/m0_60322614/article/details/133378718
今日推荐