国内设计网站网站策划书模板

一、String（字符串）对象

1. 知识点：
   • 用于处理文本数据，它有许多内置的属性和方法来操作字符串，比如获取字符串长度、提取子字符串、替换字符等。
   • 字符串在 JavaScript 中是不可变的，即一旦创建，就不能修改原字符串，对字符串进行操作返回的是新的字符串。

let str = "Hello, World!";
// 获取字符串长度
console.log(str.length); // 输出：13
// 提取子字符串（从索引0开始，提取5个字符）
let subStr = str.substring(0, 5);
console.log(subStr); // 输出：Hello
// 替换字符
let newStr = str.replace("World", "JavaScript");
console.log(newStr); // 输出：Hello, JavaScript!

二、Number（数字）对象

1. 知识点：
   • 用于表示数字，可以是整数、浮点数等。它有一些常量属性，比如Number.MAX_VALUE表示最大的可表示正数，Number.MIN_VALUE表示最小的可表示正数。
   • 提供了一些方法用于数字的转换和操作，如将数字转换为字符串、判断是否为有限数等。

let num = 123.45;
// 判断是否为有限数
console.log(Number.isFinite(num)); // 输出：true
// 将数字转换为字符串
let numStr = num.toString();
console.log(numStr); // 输出：123.45
// 获取最大可表示正数
console.log(Number.MAX_VALUE); // 输出：1.7976931348623157e+308。

三、Boolean（布尔）对象

1. 知识点：
   • 只有两个值，true和false，用于表示逻辑真和假，常常用在条件判断语句中。
   • 可以通过Boolean()函数将其他类型的数据转换为布尔值，例如非空字符串、非零数字等转换后为true，空字符串、0、null、undefined等转换后为false。

let boolTrue = true;
let boolFalse = false;
// 使用布尔值进行条件判断
if (boolTrue) {console.log("条件为真");
}
let num = 0;
let convertedBool = Boolean(num);
console.log(convertedBool); // 输出：false

四、Array（数组）对象

1. 知识点：
   • 用于存储一组有序的数据，可以是不同类型的数据元素。数组有长度属性（length），可以通过索引访问和修改元素，索引从 0 开始。
   • 具备众多操作数组的方法，如添加元素（push）、删除元素（pop、shift、splice等）、遍历数组（forEach、map、filter等）。

let arr = [1, 2, 3];
// 添加元素
arr.push(4);
console.log(arr); // 输出：[1, 2, 3, 4]
// 删除最后一个元素
arr.pop();
console.log(arr); // 输出：[1, 2, 3]
// 遍历数组并打印每个元素
arr.forEach(function (element) {console.log(element);
});
// 使用map方法创建新数组，每个元素翻倍
let newArr = arr.map(function (element) {return element * 2;
});
console.log(newArr); // 输出：[2, 4, 6]

五、Object（对象）对象

1. 知识点：
   • 是 JavaScript 中最基本的数据结构之一，用于存储键值对形式的数据，可以表示复杂的实体或集合。
   • 对象的属性可以通过点语法（obj.property）或者方括号语法（obj['property']）来访问和修改，后者在属性名是变量或者不符合标识符规范时很有用。

let person = {name: "Alice",age: 25,hobbies: ["reading", "swimming"]
};
// 通过点语法访问属性
console.log(person.name); // 输出：Alice
// 通过方括号语法访问属性（当属性名是变量时）
let propertyName = "age";
console.log(person[propertyName]); // 输出：25
// 添加新属性
person.job = "Engineer";
console.log(person); // 输出包含新添加job属性的对象

六、Date（日期）对象

1. 知识点：
   • 用于处理日期和时间相关的数据，可以获取当前日期时间、设置特定日期时间、进行日期时间的计算等。
   • 可以通过不同的方法获取年、月、日、时、分、秒等具体的时间分量，并且可以进行日期的比较、格式化等操作（不过格式化通常需要借助一些额外的函数或者库，原生的格式化方法相对有限）。

let today = new Date();
// 获取当前年份
console.log(today.getFullYear()); // 输出：当前年份，如2024
// 获取月份（注意返回值是0 - 11，0表示1月）
console.log(today.getMonth()); // 输出：当前月份减1，如11表示12月
// 设置特定日期（比如设置为2025年1月1日）
let specificDate = new Date(2025, 0, 1);
console.log(specificDate);
// 比较两个日期（判断是否在之后）
let anotherDate = new Date(2024, 11, 31);
console.log(today > anotherDate); // 根据实际日期比较结果输出布尔值

七、Math（数学）对象

1. 知识点：
   • 提供了一系列数学常量（如Math.PI表示圆周率）和常用的数学运算方法，比如求绝对值（Math.abs）、四舍五入（Math.round）、生成随机数（Math.random）等。
   • 常用于在程序中进行各种数学计算，无需额外导入数学库，方便快捷。

// 获取圆周率
console.log(Math.PI); // 输出：约3.141592653589793
// 求绝对值
let num = -5;
console.log(Math.abs(num)); // 输出：5
// 生成一个0到1之间的随机数
let randomNum = Math.random();
console.log(randomNum); // 输出一个0到1之间的随机小数
// 四舍五入
let floatNum = 3.6;
console.log(Math.round(floatNum)); // 输出：4

这些内置对象在 JavaScript 编程中经常用到，熟练掌握它们的特性和用法对于高效地编写代码至关重要。