1. String
对象
创建对象
javascript">let str1 = "Hello, World!";
let str2 = 'JavaScript is great!';
常用 API:
length
: 获取字符串长度toUpperCase()
: 将字符串转换为大写toLowerCase()
: 将字符串转换为小写slice(start, end)
: 截取子字符串indexOf(value)
: 查找字符串中某个值的索引replace()
: 替换字符串中的某个值
复制代码
javascript">let str = "Hello, JavaScript!";
console.log(str.length); // 输出: 17
console.log(str.toUpperCase()); // 输出: HELLO, JAVASCRIPT!
console.log(str.toLowerCase()); // 输出: hello, javascript!
console.log(str.slice(0, 5)); // 输出: Hello
console.log(str.indexOf("JavaScript")); // 输出: 7
console.log(str.replace("JavaScript", "World")); // 输出: Hello, World!
2. Array
对象
创建对象
通过方括号 []
创建数组:
javascript">let arr1 = [1, 2, 3, 4, 5];
构造函数方式
使用 Array
构造函数创建数组:
javascript">let arr2 = new Array(1, 2, 3, 4, 5);
常用 API:
length
: 获取数组长度push(value)
: 在数组末尾添加一个元素pop()
: 移除数组末尾的元素shift()
: 移除数组开头的元素unshift(value)
: 在数组开头添加一个元素slice(start, end)
: 截取数组中的部分元素,左闭右开map(callback)
: 对数组的每个元素应用一个回调函数,返回一个新数组filter(callback)
: 根据条件过滤数组元素find(callback)
: 查找第一个满足条件的元素-
splice()
是 JavaScript 数组的一个常用方法,主要用于修改数组内容。它可以通过添加、删除或替换数组中的元素来对数组进行操作。javascript">array.splice(start, deleteCount, item1, item2, ..., itemN);
start
: 表示从数组的哪个索引位置开始修改(可以是负数,表示从数组末尾向前数)。deleteCount
: 表示要删除的元素个数。- 如果为 0,则不会删除任何元素,只会插入新元素。
- 如果未提供
deleteCount
,则从start
位置开始的所有元素都会被删除。
item1, item2, ..., itemN
: (可选)要添加到数组中的元素。如果没有提供这些参数,splice()
只删除元素。
javascript">let arr = [1, 2, 3, 4, 5];
console.log(arr.length); // 输出: 5
arr.push(6);
console.log(arr); // 输出: [1, 2, 3, 4, 5, 6]
arr.pop();
console.log(arr); // 输出: [1, 2, 3, 4, 5]
arr.shift();
console.log(arr); // 输出: [2, 3, 4, 5]
arr.unshift(0);
console.log(arr); // 输出: [0, 2, 3, 4, 5]
let newArr = arr.slice(1, 3);
console.log(newArr); // 输出: [2, 3]
let mappedArr = arr.map(num => num * 2);
console.log(mappedArr); // 输出: [0, 4, 6, 8, 10]
let filteredArr = arr.filter(num => num > 3);
console.log(filteredArr); // 输出: [4, 5]
let foundItem = arr.find(num => num === 4);
console.log(foundItem); // 输出: 4
3. Object
对象
创建对象:
字面量方式
使用花括号 {}
创建对象:
javascript">let obj1 = { name: "Alice", age: 25, city: "New York" };
构造函数方式
使用 Object
构造函数创建对象:
javascript">let obj2 = new Object();obj2.name = "Bob";
obj2.age = 30;
obj2.city = "Los Angeles";
字面量方式更常用且简洁。
常用 API:
Object.keys(obj)
: 获取对象的所有键Object.values(obj)
: 获取对象的所有值Object.entries(obj)
: 获取对象的键值对数组hasOwnProperty(key)
: 检查对象是否有某个键
javascript">let person = { name: "Alice", age: 25, city: "New York" };
console.log(Object.keys(person));
// 输出: ['name', 'age', 'city']
console.log(Object.values(person));
// 输出: ['Alice', 25, 'New York']
console.log(Object.entries(person));
// 输出: [['name', 'Alice'], ['age', 25], ['city', 'New York']]
console.log(person.hasOwnProperty("age"));
// 输出: true
4. Math
对象
创建对象:
Math
是一个内置对象,不能通过构造函数创建。直接使用 Math
对象提供的静态方法即可:
javascript">let randomNum = Math.random();
let maxNum = Math.max(10, 20, 30);
常用 API:
Math.round()
: 四舍五入Math.floor()
: 向下取整Math.ceil()
: 向上取整Math.max()
: 获取最大值Math.min()
: 获取最小值Math.random()
: 生成 0 到 1 之间的随机数
javascript">console.log(Math.round(4.7)); // 输出: 5
console.log(Math.floor(4.7)); // 输出: 4
console.log(Math.ceil(4.1)); // 输出: 5
console.log(Math.max(10, 20, 30)); // 输出: 30
console.log(Math.min(10, 20, 30)); // 输出: 10
console.log(Math.random()); // 输出: 随机数
5. Date
对象
创建对象:
构造函数方式
使用 Date
构造函数创建日期对象:
javascript">let currentDate = new Date(); // 当前日期和时间
let specificDate = new Date('2024-09-10T10:20:30Z'); // 指定日期
常用 API:
new Date()
: 获取当前日期和时间getFullYear()
: 获取年份getMonth()
: 获取月份 (0-11)getDate()
: 获取日期 (1-31)getDay()
: 获取星期几 (0-6)getHours()
: 获取小时getMinutes()
: 获取分钟getSeconds()
: 获取秒
javascript">let date = new Date();
console.log(date); // 输出: 当前日期和时间
console.log(date.getFullYear()); // 输出: 当前年份
console.log(date.getMonth()); // 输出: 当前月份 (0-11)
console.log(date.getDate()); // 输出: 当前日期 (1-31)
console.log(date.getDay()); // 输出: 当前星期几 (0-6)
console.log(date.getHours()); // 输出: 当前小时
console.log(date.getMinutes()); // 输出: 当前分钟
console.log(date.getSeconds()); // 输出: 当前秒数
6. Number对象
Number.parseFloat()
解析一个字符串并返回浮点数。如果字符串不能被解析为数值,则返回 NaN
。
javascript">console.log(Number.parseFloat('3.14')); // 输出: 3.14
console.log(Number.parseFloat('abc')); // 输出: NaN
Number.parseInt()
将一个字符串解析为整数,解析时可以指定基数(如十进制、二进制等)。
javascript">console.log(Number.parseInt('123')); // 输出: 123
console.log(Number.parseInt('1010', 2)); // 输出: 10 (二进制转十进制)
console.log(Number.parseInt('abc')); // 输出: NaN
Number.toString()
将数字转换为字符串,可以选择进制作为参数(默认为 10 进制)。
javascript">let num = 255;
console.log(num.toString()); // 输出: "255"
console.log(num.toString(16)); // 输出: "ff" (16进制)