JavaScript基础知识点总结：从零开始学习JavaScript（六）

 

本章内容主要让小伙伴们自主练习 ，建议大家先自己写出来答案，然后对照我的！（题不难主要培养自己的编程思维！！！）

如果大家感感兴趣也可以去看：

🎉博客主页：阿猫的故乡

🎉系列专栏：JavaScript专题栏

🎉ajax专栏：ajax知识点

🎉欢迎关注：👍点赞🙌收藏✍️留言

学习目标：

  • 笔试题→锻炼基本语法的掌握

  • 排错题→锻炼编码过程中常见错误的解决

  • 编程题→基于课堂练习和每日作业的常见编程思维的训练

学习内容：

笔试题：

  1. 什么是JavaScript？

  2. JavaScript的历史和发展简介。

  3. JavaScript中的变量声明有哪些关键字？它们之间有什么区别？

  4. JavaScript中如何创建函数？

  5. JavaScript中的条件语句有哪些？请举例说明。

  6. JavaScript中的循环语句有哪些？请举例说明。

  7. JavaScript中如何处理异常？请举例说明。

  8. JavaScript中的数组是如何定义和使用的？请给出一个数组的操作示例。

  9. 如何在JavaScript中定义和访问对象的属性？请给出一个对象的操作示例。

  10. JavaScript中的DOM是什么？如何使用JavaScript操作DOM元素？请举例说明。

 排错题：

 

当然，下面是5道JavaScript代码的常见错误题目：

  1. 请找出以下代码中的错误并改正：
let x = 5;
if (x == 5) {console.log("x is equal to five!");
} else {console.log("x is not equal to five!");
}

  1. 请找出以下代码中的错误并改正：
function multiply(a, b) {return a * b;
}
let result = multiply(2, 3);
console.log(result);

  1. 请找出以下代码中的错误并改正：
let numbers = [1, 2, 3, 4, 5];
for (let i = 0; i <= numbers.length; i++) {console.log(numbers[i]);
}

  1. 请找出以下代码中的错误并改正：
let person = {name: "John",age: 25,occupation: "developer"
};
console.log(person.name);
console.log(person.occupation);

  1. 请找出以下代码中的错误并改正：
let x = 10;
let y = "5";
let sum = x + y;
console.log(sum);

希望这些题目能够帮助你加深对JavaScript的理解，如果你需要更多的题目，请随时告诉我。

 编程题：

  1. 编写一个JavaScript程序，输出所有小于100的偶数。

  2. 编写一个JavaScript程序，计算并输出1到10的平方数。

  3. 编写一个JavaScript函数，接收一个数字参数n，然后输出1到n之间所有的奇数。

  4. 编写一个JavaScript函数，接收一个字符串参数，然后判断该字符串是否是回文（正向和反向读取都一样）。

  5. 编写一个JavaScript函数，接收一个数组参数，然后返回该数组中的最大值和最小值。

  6. 编写一个JavaScript程序，接收一个数字参数n，然后输出n的阶乘。

  7. 编写一个JavaScript程序，接收一个字符串参数，然后输出该字符串的长度。

  8. 编写一个JavaScript函数，接收一个数组参数，然后返回该数组中所有元素的总和。

  9. 编写一个JavaScript函数，接收两个数字参数，然后返回它们的乘积。

  10. 编写一个JavaScript函数，接收两个数组参数，然后返回它们的交集。

学习时间：

  • 周一至周五晚上 7 点—晚上9点
  • 周六上午 9 点-上午 11 点
  • 周日下午 3 点-下午 6 点

学习产出：

笔试题答案：

 

  1. JavaScript是一种脚本语言，用于为网页添加交互性和动态性。它可以在网页中嵌入HTML代码，并通过浏览器解释和执行。

  2. JavaScript的历史和发展简介:

    • 1995年，由Netscape公司的Brendan Eich开发出原始的JavaScript（当时称为LiveScript）。
    • 1996年，为了标准化，JavaScript被提交给ECMA（欧洲计算机制造商协会）进行标准化工作，最终成为ECMAScript标准。
    • 1997年，发布了第一个ECMAScript标准的版本（ECMAScript 1），随后陆续有更多的版本发布，如ES2、ES3、ES5等。
    • 2009年，出现了ECMAScript 5.1版本，带来了许多新的特性和改进。
    • 2015年，发布了ECMAScript 6（也称为ES6或ES2015）标准，引入了许多重要的语言特性和改进。

  3. JavaScript中的变量声明关键字有三个：var、let和const。

    • var：用于声明一个变量，其作用域为函数级别。
    • let：用于声明一个块级作用域的变量，其作用范围只在当前代码块内。
    • const：用于声明一个常量，其值无法被重新赋值。

  4. 在JavaScript中，可以使用function关键字来创建函数。函数可以有参数和返回值，可以执行一系列的操作和逻辑。 例如，以下是一个简单的函数定义：

    function add(a, b) {return a + b;
}

  5. JavaScript中的条件语句有if语句、if...else语句和switch语句。

    • if语句用于在满足条件时执行一段代码块。
    • if...else语句用于在满足条件时执行一段代码块，否则执行另一段代码块。
    • switch语句用于根据不同的情况执行不同的代码块。 例如，以下是一个使用if语句的示例：
    let num = 10;
if (num > 0) {console.log("Number is positive");
}

  6. JavaScript中的循环语句有for循环、while循环和do...while循环。

    • for循环用于重复执行一段代码指定的次数。
    • while循环用于在满足条件时重复执行一段代码。
    • do...while循环与while循环类似，但它会先执行一次代码块，然后再检查条件。 例如，以下是一个使用for循环的示例：
    for (let i = 0; i < 5; i++) {console.log(i);
}

  7. JavaScript中可以使用try...catch语句来处理异常。try代码块中包含可能会引发异常的代码，catch代码块用于捕获并处理异常。 例如，以下是一个处理异常的示例：

    try {throw new Error("Something went wrong");
} catch (error) {console.log(error.message);
}

  8. JavaScript中的数组可以通过使用方括号[]来定义，并且可以包含任意类型的元素。 以下是一个数组的操作示例：

    let fruits = ["apple", "banana", "orange"];
console.log(fruits[0]); // 输出: "apple"
fruits.push("grape");   // 添加元素到数组末尾
fruits.pop();           // 删除数组末尾的元素
console.log(fruits.length); // 输出: 3

  9. 在JavaScript中，可以使用点号(.)或方括号([])来定义和访问对象的属性。 以下是一个对象的操作示例：

    let person = {name: "John",age: 25,"phone number": "1234567890"
};
console.log(person.name); // 输出: "John"
console.log(person["age"]); // 输出: 25

  10. DOM（Document Object Model）是指将HTML文档表示为一个树形结构的方式，JavaScript可以通过操作DOM元素来改变页面的内容、样式和行为。 可以使用document对象的方法和属性来操作DOM元素，例如getElementById()、querySelector()、createElement()等。 以下是一个使用JavaScript操作DOM元素的示例：

    // 根据id获取元素，并修改其内容
let element = document.getElementById("myElement");
element.innerHTML = "New content";// 创建一个新的元素，并添加到页面中
let newElement = document.createElement("div");
newElement.innerHTML = "New element";
document.body.appendChild(newElement);

 拍错题答案：

 

答案如下：

  1. 错误：在条件语句中使用的是赋值操作符"="而不是判断相等的操作符"=="。 改正：将条件语句修改为if (x === 5)。

  2. 无错误。

  3. 错误：循环条件中的i &lt;= numbers.length导致数组越界。 改正：将循环条件修改为i &lt; numbers.length。

  4. 无错误。

  5. 错误：将数字和字符串相加会将数字转换为字符串并进行拼接，而不是进行数值相加。 改正：将变量y的类型修改为数字类型。

let x = 10;
let y = 5;
let sum = x + y;
console.log(sum); // 输出15

编程题：

 

  1. 输出所有小于100的偶数：
for(let i = 2; i < 100; i += 2) {console.log(i);
}

  1. 计算并输出1到10的平方数：
for(let i = 1; i <= 10; i++) {console.log(i ** 2);
}

  1. 输出1到n之间所有的奇数：
function printOddNumbers(n) {for(let i = 1; i <= n; i += 2) {console.log(i);}
}printOddNumbers(10);

  1. 判断字符串是否为回文：
function isPalindrome(str) {let reversedStr = str.split('').reverse().join('');return str === reversedStr;
}console.log(isPalindrome('level')); // true
console.log(isPalindrome('hello')); // false

  1. 返回数组中的最大值和最小值：
function findMinMax(arr) {let min = Math.min(...arr);let max = Math.max(...arr);return { min, max };
}console.log(findMinMax([1, 2, 3, 4, 5])); // { min: 1, max: 5 }

  1. 计算n的阶乘：
function factorial(n) {if(n === 0 || n === 1) {return 1;}else {return n * factorial(n - 1);}
}console.log(factorial(5)); // 120

  1. 输出字符串的长度：
let str = 'Hello World';
console.log(str.length); // 11

  1. 返回数组中所有元素的总和：
function sumArray(arr) {let sum = arr.reduce((acc, curr) => acc + curr, 0);return sum;
}console.log(sumArray([1, 2, 3, 4, 5])); // 15

  1. 返回两个数字的乘积：
function multiplyNumbers(a, b) {return a * b;
}console.log(multiplyNumbers(5, 6)); // 30

  1. 返回两个数组的交集：
function intersection(arr1, arr2) {let result = arr1.filter(value => arr2.includes(value));return result;
}console.log(intersection([1, 2, 3], [2, 3, 4])); // [2, 3]

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.hqwc.cn/news/309153.html

如若内容造成侵权/违法违规/事实不符，请联系编程知识网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

ssm基于VUE的图书馆管理系统的设计与实现论文

ssm基于VUE的图书馆管理系统的设计与实现论文

摘 要 互联网发展至今&#xff0c;无论是其理论还是技术都已经成熟&#xff0c;而且它广泛参与在社会中的方方面面。它让信息都可以通过网络传播&#xff0c;搭配信息管理工具可以很好地为人们提供服务。针对信息管理混乱&#xff0c;出错率高&#xff0c;信息安全性差&#x…
阅读更多...
uniapp中uview组件库丰富的Calendar 日历用法

uniapp中uview组件库丰富的Calendar 日历用法

目录 基本使用 #日历模式 #单个日期模式 #多个日期模式 #日期范围模式 #自定义主题颜色 #自定义文案 #日期最大范围 #是否显示农历 #默认日期 基本使用 通过show绑定一个布尔变量用于打开或收起日历弹窗。通过mode参数指定选择日期模式&#xff0c;包含单选/多选/范围…
阅读更多...
Ubuntu安装FSearch

Ubuntu安装FSearch

文章目录 简介安装配置Fsearch的搜索路径参考资料 简介 Fsearch是Ubuntu等Linux系统中用于文件快速搜索的软件&#xff0c;类似于Windows系统中的Everything。下面介绍如何在Ubuntu系统中安装并使用Fsearch&#xff0c;只需简单几步&#xff01;&#x1f3c3;&#x1f3c3; 安…
阅读更多...
机器学习归一化和标准化

机器学习归一化和标准化

1. 为什么做归一化和标准化 样本中有多个特征&#xff0c;每一个特征都有自己的定义域和取值范围&#xff0c;他们对距离计算也是不同的&#xff0c;如取值较大的影响力会盖过取值较小的参数。因此&#xff0c;为了公平&#xff0c;样本参数必须做一些归一化处理&#xff0c;将…
阅读更多...
如何批量删除文件名中的空格？

如何批量删除文件名中的空格？

如何批量删除文件名中的空格&#xff1f;这个操作适合适合什么样的场景呢&#xff1f;相信大家都有过从网上下载文件的经历&#xff0c;我们会发现很多下载的文件名称里面会包含一些空格&#xff0c;如果文件名称的空格太多的话就会对阅读造成一定的影响&#xff0c;最好的办法…
阅读更多...
Ajax学习

Ajax学习

文章目录 AjaxAjax 是什么Ajax 经典应用场景Ajax 原理示意图ajax的异步请求的方法ajax的逻辑：应用实例-验证用户名是否存在思路框架图：需求分析: 到数据库去验证用户名是否可用思路框架图大功告成：使用JQuery-Ajax实现上面相同的需求：Ajax Ajax 是什么 AJAX 即"Async…
阅读更多...
Vue3-31-路由-RouterView的name属性的作用

Vue3-31-路由-RouterView的name属性的作用

作用描述 <router-view> 标签是用来渲染路由对应的组件的位置&#xff1b; 默认情况下&#xff0c;一个路由是只对应一个组件的。 但是&#xff0c;可以通过给 <router-view> 指定 name 属性的方式&#xff0c;实现同时渲染多个组件的效果。 这也叫做 命名视图。 注…
阅读更多...
启动springboot时报错 APPLICATION FAILED TO START 包冲突

启动springboot时报错 APPLICATION FAILED TO START 包冲突

启动springboot时报错 APPLICATION FAILED TO START 包冲突 problem 具体日志如下 *************************** APPLICATION FAILED TO START ***************************Description:An attempt was made to call a method that does not exist. The attempt was made fr…
阅读更多...
轮滑培训机构会员系统，轮滑俱乐部会员卡管理软件教程

轮滑培训机构会员系统，轮滑俱乐部会员卡管理软件教程

轮滑培训机构会员系统&#xff0c;轮滑俱乐部会员卡管理软件教程 一、软件程序问答 1、轮滑会员管理&#xff0c;那么会员卡是否可以直接用手机号呢&#xff1f; 如下图&#xff0c;软件以 佳易王轮滑会员管理系统V16.2为例说明 会员在登记的时候&#xff0c;会员卡可以直…
阅读更多...
多家快递批量混合跟踪——跟踪物流必备份神器

多家快递批量混合跟踪——跟踪物流必备份神器

先来跟大家说下我目前需要跟踪邮政、顺丰、德绑这三家快递&#xff0c;很朋友给建议是分开查询 &#xff0c;一家一家到快递官网上查询&#xff0c; 这个一种查询方法&#xff0c;这个虽然费时间&#xff0c;效率不高适合查询量少的情况&#xff0c;量多的情况下这样查起来太麻…
阅读更多...
轻松实现iphone截图传电脑

轻松实现iphone截图传电脑

目录 摘要 引言 用户登录工具和连接设备 生成截图 摘要 本篇博文介绍了克魔助手这款工具&#xff0c;解决了iPhone与Windows系统下图片传输的烦恼。通过连接同一Wi-Fi&#xff0c;使用克魔助手轻松实现了iPhone截图传输到电脑上的便捷操作。用户只需简单地下载并安装克魔助…
阅读更多...
Ubuntu20.04 上启用 VCAN 用作本地调试

Ubuntu20.04 上启用 VCAN 用作本地调试

目录 一、启用本机的 VCAN​ 编辑 1.1 加载本机的 vcan 1.2 添加本机的 vcan0 1.3 查看添加的 vcan0 1.4 开启本机的 vcan0 1.5 关闭本机的 vcan0 1.6 删除本机的 vcan0 二、测试本机的 VCAN 2.1 CAN 发送数据 代码 2.2 CAN 接收数据 代码 2.3 CMakeLists.…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023