返回

JavaScript字符串、数组、对象与MathAPI宝典

前端

JavaScript字符串、数组、对象与MathAPI快速入门

1. JavaScript字符串

JavaScript的字符串是由零个或多个字符组成的序列,也是一种原始数据类型。字符串可以用单引号(')或双引号(")引起来。下面介绍一些常用的字符串操作方法:

1.1 获取字符串的对应下标数值

使用charCodeAt()方法可以获取字符串中指定下标字符的Unicode编码。例如:

let str = "Hello World";
console.log(str.charCodeAt(0)); // 输出:72

1.2 获取字符串的长度

使用length属性可以获取字符串的长度。例如:

let str = "Hello World";
console.log(str.length); // 输出:11

1.3 获取字符串的Unicode的编码

使用codePointAt()方法可以获取字符串中指定下标字符的Unicode编码。例如:

let str = "Hello World";
console.log(str.codePointAt(0)); // 输出:72

1.4 Unicode的编码转字符串

使用fromCharCode()方法可以将Unicode编码转换为字符串。例如:

let code = 72;
console.log(String.fromCharCode(code)); // 输出:H

1.5 查找是否有对应字符串

可以使用includes()方法来查找字符串中是否包含指定的字符串。例如:

let str = "Hello World";
console.log(str.includes("World")); // 输出:true

1.6 从后往前查找最后一个索

可以使用lastIndexOf()方法来从后往前查找字符串中最后一次出现指定字符串的位置。例如:

let str = "Hello World";
console.log(str.lastIndexOf("o")); // 输出:7

2. JavaScript数组

JavaScript的数组是一种有序的数据结构,可以存储各种类型的值。数组中的元素可以使用索引来访问。下面介绍一些常用的数组操作方法:

2.1 创建数组

使用[]创建数组,例如:

let arr = [];

也可以使用Array()创建数组,例如:

let arr = new Array();

2.2 访问数组元素

使用[]访问数组元素,例如:

let arr = [1, 2, 3];
console.log(arr[1]); // 输出:2

2.3 添加数组元素

使用push()方法在数组尾部添加元素,例如:

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

2.4 删除数组元素

使用pop()方法删除数组尾部的元素,例如:

let arr = [1, 2, 3];
arr.pop();
console.log(arr); // 输出:[1, 2]

2.5 遍历数组元素

可以使用for循环或forEach()方法来遍历数组元素,例如:

let arr = [1, 2, 3];
for (let i = 0; i < arr.length; i++) {
  console.log(arr[i]);
}

// 使用forEach()方法
arr.forEach((element) => {
  console.log(element);
});

3. JavaScript对象

JavaScript的对象是一种无序的数据结构,可以存储键值对。对象的键必须是字符串,值可以是任何类型的值。下面介绍一些常用的对象操作方法:

3.1 创建对象

使用{}创建对象,例如:

let obj = {};

也可以使用new Object()创建对象,例如:

let obj = new Object();

3.2 访问对象属性

使用点(.)或方括号([])访问对象属性,例如:

let obj = {
  name: "John",
  age: 30
};

console.log(obj.name); // 输出:John
console.log(obj["age"]); // 输出:30

3.3 添加对象属性

使用点(.)或方括号([])添加对象属性,例如:

let obj = {};
obj.name = "John";
obj["age"] = 30;

console.log(obj); // 输出:{name: "John", age: 30}

3.4 删除对象属性

使用delete运算符删除对象属性,例如:

let obj = {
  name: "John",
  age: 30
};

delete obj.age;

console.log(obj); // 输出:{name: "John"}

3.5 遍历对象属性

可以使用for...in循环来遍历对象属性,例如:

let obj = {
  name: "John",
  age: 30
};

for (let key in obj) {
  console.log(key, obj[key]);
}

4. JavaScript MathAPI

JavaScript的MathAPI提供了一些常用的数学函数和常量。下面介绍一些常用的MathAPI方法:

4.1 PI

表示圆周率,例如:

console.log(Math.PI); // 输出:3.141592653589793

4.2 E

表示自然对数的底,例如:

console.log(Math.E); // 输出:2.718281828459045

4.3 abs()

返回数字的绝对值,例如:

console.log(Math.abs(-10)); // 输出:10

4.4 ceil()

返回大于或等于指定数字的最小整数,例如:

console.log(Math.ceil(4.6)); // 输出:5

4.5 floor()

返回小于或等于指定数字的最大整数,例如:

console.log(Math.floor(4.6)); // 输出:4

4.6 round()

返回四舍五入后的数字,例如:

console.log(Math.round(4.5)); // 输出:5

4.7 random()

返回0到1之间的随机数,例如:

console.log(Math.random()); // 输出:0.23456789

4.8 pow()

返回x的y次幂,例如:

console.log(Math.pow(2, 3)); // 输出:8

5. 总结

本文详细介绍了JavaScript的字符串、数组、对象以及MathAPI的使用方法。这些知识是JavaScript编程的基础,掌握这些知识可以帮助您轻松构建和维护复杂的JavaScript应用程序。