JS常用内置对象

1. String 对象

创建对象

let str1 = "Hello, World!";
let str2 = 'JavaScript is great!';

常用 API:

  • length: 获取字符串长度
  • toUpperCase(): 将字符串转换为大写
  • toLowerCase(): 将字符串转换为小写
  • slice(start, end): 截取子字符串
  • indexOf(value): 查找字符串中某个值的索引
  • replace(): 替换字符串中的某个值

复制代码

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 对象

创建对象

通过方括号 [] 创建数组:

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

构造函数方式

使用 Array 构造函数创建数组:

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 数组的一个常用方法,主要用于修改数组内容。它可以通过添加、删除或替换数组中的元素来对数组进行操作。

    array.splice(start, deleteCount, item1, item2, ..., itemN);
    • start: 表示从数组的哪个索引位置开始修改(可以是负数,表示从数组末尾向前数)。
    • deleteCount: 表示要删除的元素个数。
      • 如果为 0,则不会删除任何元素,只会插入新元素。
      • 如果未提供 deleteCount,则从 start 位置开始的所有元素都会被删除。
    • item1, item2, ..., itemN: (可选)要添加到数组中的元素。如果没有提供这些参数,splice() 只删除元素。
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 对象

创建对象:

字面量方式

使用花括号 {} 创建对象:

let obj1 = { name: "Alice", age: 25, city: "New York" };

构造函数方式

使用 Object 构造函数创建对象:

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): 检查对象是否有某个键
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 对象提供的静态方法即可:

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 之间的随机数
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 构造函数创建日期对象:

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(): 获取秒
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

console.log(Number.parseFloat('3.14')); // 输出: 3.14
console.log(Number.parseFloat('abc')); // 输出: NaN
 Number.parseInt()

将一个字符串解析为整数,解析时可以指定基数(如十进制、二进制等)。

console.log(Number.parseInt('123')); // 输出: 123
console.log(Number.parseInt('1010', 2)); // 输出: 10 (二进制转十进制)
console.log(Number.parseInt('abc')); // 输出: NaN
Number.toString()

将数字转换为字符串,可以选择进制作为参数(默认为 10 进制)。

let num = 255;
console.log(num.toString()); // 输出: "255"
console.log(num.toString(16)); // 输出: "ff" (16进制)

  • 6
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,下面是几个常用内置对象的使用例题: 1. 字符串对象 ```js let str = "hello world"; // 获取字符串长度 console.log(str.length); // 11 // 转换为大写字母 console.log(str.toUpperCase()); // "HELLO WORLD" // 替换字符串 console.log(str.replace("world", "JavaScript")); // "hello JavaScript" ``` 2. 数组对象 ```js let arr = [1, 2, 3, 4, 5]; // 获取数组长度 console.log(arr.length); // 5 // 获取数组中第一个元素 console.log(arr[0]); // 1 // 循环遍历数组 for (let i = 0; i < arr.length; i++) { console.log(arr[i]); } // 在数组末尾添加一个元素 arr.push(6); console.log(arr); // [1, 2, 3, 4, 5, 6] // 删除数组中最后一个元素 arr.pop(); console.log(arr); // [1, 2, 3, 4, 5] ``` 3. Date对象 ```js let now = new Date(); // 获取当前时间 console.log(now); // Sat Jul 10 2021 14:32:06 GMT+0800 (中国标准时间) // 获取当前时间的年份 console.log(now.getFullYear()); // 2021 // 获取当前时间的月份(0表示1月) console.log(now.getMonth()); // 6 // 获取当前时间的日期 console.log(now.getDate()); // 10 ``` 4. Math对象 ```js // 获取随机数(0-1之间) console.log(Math.random()); // 0.123456789 // 获取一个数的绝对值 console.log(Math.abs(-10)); // 10 // 获取两个数的最大值 console.log(Math.max(1, 2, 3, 4, 5)); // 5 ``` 以上只是一些常用内置对象的例题,JavaScript内置对象非常多,不同的对象有不同的属性和方法,需要根据实际需求灵活运用。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值