任务 1：内置对象应用（30 分钟）
String 对象——标题格式化
function formatTitle(title) {
// 任务实现步骤：
// 1
. 将标题转为大写
// 2
. 如果超过 10 字符，截取前 10 字符加省略号
// 示例："
JavaScript 函数详解" → "
JAVASCRIPT 函
..."
}
console
.log("格式化结果:", formatTitle("深入学习人工智能技术"));
Array 对象——文章管理系统
let articles = []; // 全局文章数组
// 核心数组操作
方法
function initializeArticles
() {
articles = [
{ title: "AI 技术入门", content: "人工智能基础知识
...", author: "张三", views: 150 }, { title: "机器学习实践", content: "实际项目应用指南
...", author: "李四", views: 200 }, { title: "深度学习原理", content: "神经网络核心概念
...", author: "王五", views: 180 }
];
}
function addArticle(title, content, author) {
// 使用 push
方法添加新文章
}
function getPopularArticles
() {
// 使用 filter
方法获取热门文章(views > 160)
}
function getArticleTitles
() {
// 使用 map
方法提取所有标题
}
任务 2：
Math 对象与自定义对象（35 分钟）
随机 ID 生成器
function generateRandomId
() {
// 任务：生成 1-1000 的随机整数
// 使用
Math.random
()和
Math.floor
()
}
// 文章对象构造函数
function Article(title, content, author) {
// 对象属性
this
.id = generateRandomId
();
this
.title = title;
this
.content = content;
this
.author = author;
this
.createTime = new Date
();
this
.readTime =
Math.ceil(content
.length / 200); // 阅读时间
// 对象
方法
this
.getSummary = function
() {
return `《${this
.title}》- ${this
.author} (ID:${this
.id})`;
};
this
.displayInfo = function
() {
console
.log(` � 文章信息：
标题：${this
.title}
作者：${this
.author}
字数：${this
.content
.length}
预计阅读：${this
.readTime}分钟
创建时间：${this
.createTime
.toLocaleString
()}
`);
};
}
// 创建对象实例
const
myArticle = new Article( "Web 开发最佳实践", "在现代 Web 开发中，组件化、模块化是重要趋势
...", "技术专家"
);
任务 3：综合项目应用（25 分钟）
完整文章管理平台
// 初始化平台数据
function initPlatform
() {
initializeArticles
();
// 添加自定义文章对象
articles
.push(
new Article("函数式编程", "函数作为一等公民
...", "函数大师"), new Article("面向对象设计", "封装、继承、多态
...", "OOP 专家")
);
}
// 平台管理函数
function showRandomArticle
() {
if (articles
.length === 0) {
alert("� 平台暂无文章");
return;
}
const randomIndex =
Math.floor(
Math.random
() * articles
.length);
const article = articles[randomIndex];
alert(`� 随机推荐：${article
.getSummary
()}`);
article
.displayInfo
();
}
function showArticleStatistics
() {
console
.clear
();
console
.log("� 平台文章统计");
console
.log(`文章总数：${articles
.length}`);
const totalWords = articles
.reduce((sum, article) =>
sum + article
.content
.length, 0);
console
.log(`总字数：${totalWords}`);
const avgReadTime = articles
.reduce((sum, article) =>
sum + article
.readTime, 0) / articles
.length;
console
.log(`平均阅读时间：${avgReadTime
.toFixed(1)}分钟`);
}
增强页面交互
在 HTML 中添加：
<div class="object-demo-area">
<h3>� 文章管理平台</h3>
<button onclick="initPlatform
()">初始化平台</button>
<button onclick="showRandomArticle
()">随机推荐</button>
<button onclick="showArticleStatistics
()">数据统计</button>
<button onclick="addNewArticle
()">添加新文章</button>
</div>
本文详细介绍了编程中常用的Math.ceil()函数，该函数用于向上取整数计算，返回大于或等于参数的最小整数值。通过具体示例展示了如何使用此函数进行数值处理。
扫一扫
84
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
