没有合适的资源？快使用搜索试试~ 我知道了~

首页"JavaScript基础总结：组成部分、代码示例、输出语句和弱类型特点"

"JavaScript基础总结：组成部分、代码示例、输出语句和弱类型特点"

javascript

需积分: 0 0 下载量 27 浏览量更新于2024-01-23 收藏 2.79MB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

试读

129页

JavaScript是一种广泛应用于网页开发的编程语言。它由DOM、BOM和ECMAScript三个主要组成部分构成，并且与HTML和CSS紧密关联。在JavaScript中，我们可以使用代码示例进行语法演示，并通过输出语句来输出结果。此外，注释在JavaScript中起到了解释和提示的作用。在JavaScript中，弱类型是一种特性，表示变量的类型可以根据赋值的值自动推断和变化。这与其他一些编程语言（如Java）不同，它们在定义变量时需要明确指定类型。在JavaScript中，字符和字符串可以使用单引号或双引号括起来。这样我们可以根据需要选择使用哪种引号。例如：var str = 'Hello world!';或var str = "Hello world!"; 在JavaScript中，我们可以使用var关键字来定义变量。它的一个特点是，我们可以在同一个作用域内多次定义相同的变量名，并且它在运行时会自动覆盖之前的值。下面是一个代码示例，演示了如何使用JavaScript在网页中输出5个H3标签。 ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>第一个JS代码</title> </head> <body>  <script> for (var i = 1; i <= 5; i++) { document.write("<h3>标题" + i + "</h3>"); } </script> </body> </html> ``` 这段代码通过使用for循环和document.write函数，输出了5个H3标签。我们可以在网页上看到这些标题按照顺序显示出来。总结来说，JavaScript由DOM、BOM和ECMAScript三个组成部分构成，它与HTML和CSS密切相关。在JavaScript中，我们可以使用弱类型、不同的引号来表示字符和字符串、使用var关键字定义变量，并且可以使用输出语句将结果显示在网页上。在网页开发中使用JavaScript可以实现丰富的交互和动态效果。

资源详情

资源推荐

2、执行结果

3.5 数组案例

3.5.1 数组的平均值

1、案例实现

<!DOCTYPE html>

<head>

 <meta charset="UTF-8">

 <title>计算平均值</title>

</head>

<body>

 <script>

   // 定义数组

   var arr = [2, 6, 1, 7, 4];

   // 声明一个求和变量 sum。

   var sum = 0;

   // 声明一个平均值变量averge

   var average = 0;

   for (var i = 0; i < arr.length; i++) {

     // 遍历这个数组，把里面每个数组元素加到 sum 里面。

     sum += arr[i];

   }

   // 用求和变量 sum 除以数组的长度就可以得到数组的平均值。

   average = sum / arr.length;

3.5.2 数组新增元素

数组中可以通过以下方式在数组的末尾插入新元素：数组[数组 .length ] = 新数据

1、代码实现

3.5.3 筛选数组

1、代码实现

   console.log(sum, average);

 </script>

</body>

</html>

<!DOCTYPE html>

<head>

 <meta charset="UTF-8">

 <title>新增数组元素</title>

</head>

<body>

 <script type="text/javascript">

   // 1. 新增数组元素修改length长度

   var arr = ['red', 'green', 'blue'];

   console.log(arr.length);

   arr.length = 5; // 把我们数组的长度修改为了5里面应该有5个元素

   console.log(arr);

   console.log(arr[3]); // undefined

   console.log(arr[4]); // undefined

   // 2. 新增数组元素修改索引号追加数组元素

   var arr1 = ['red', 'green', 'blue'];

   arr1[3] = 'pink';

   console.log(arr1);

   arr1[4] = 'hotpink';

   console.log(arr1);

   arr1[0] = 'yellow'; // 这里是替换原来的数组元素

   console.log(arr1);

   arr1 = '有点意思';

   console.log(arr1); // 不要直接给数组名赋值否则里面的数组元素都没有了

 </script>

</body>

</html>

<!DOCTYPE html>

<head>

 <meta charset="UTF-8">

 <title>筛选数组</title>

</head>

<body>

 <script type="text/javascript">

   /*

   将数组 [2, 0, 6, 1, 77, 0, 52, 0, 25, 7] 中大于等于 10 的元素选出来，放入新数

组。

3.5.4 数组的增删改查

1、代码示例

   声明一个新的数组用于存放新数据newArr。遍历原来的旧数组，找出大于等于 10 的元素。依次

追加给新数组 newArr。

   */

   // 方法1

   var arr = [2, 0, 6, 1, 77, 0, 52, 0, 25, 7];

   var newArr = [];

   var j = 0;

   for (var i = 0; i < arr.length; i++) {

     if (arr[i] >= 10) {

       // 新数组索引号应该从0开始依次递增

       newArr[j] = arr[i];

       j++;

     }

   }

   console.log(newArr);

   // 方法2

   var arr = [2, 0, 6, 1, 77, 0, 52, 0, 25, 7];

   var newArr = [];

   // 刚开始 newArr.length 就是 0

   for (var i = 0; i < arr.length; i++) {

     if (arr[i] >= 10) {

       // 新数组索引号应该从0开始依次递增

       newArr[newArr.length] = arr[i];

     }

   }

   console.log(newArr);

 </script>

</body>

</html>

<!DOCTYPE html>

<head>

<meta charset="UTF-8">

<title>08-数组的增删改查</title>

<script type="text/javascript">

// 1.1定义数组

let array = ["23", "kobe", "curry", "abc"];

// 1.2 将索引为1的数据修改为guardwhy

array[1] = "guardwhy";

console.log("array数组(修改):" + "[" + array + "]");

console.log("++++++++++++++++++++");

// 2.1 替换数组元素

array.splice(1, 2, "33", "James");

 console.log("array数组(替换):" + "[" + array + "]");

 console.log("++++++++++++++++++++");

 // 3.在数组最后添加一条数据

let number = array.push("str");

console.log("number长度:" + "[" + number + "]");

2、执行结果

 console.log("array数组(添加):" + "[" + array + "]");

 console.log("++++++++++++++++++++");

 // 4.在数组最前面添加两条数据

// unshift方法和push方法一样, 会将新增内容之后当前数组的长度返回.

let length1 = array.unshift("guardwhy","13");

console.log("length1长度:"+ "[" + length1 + "]");

 console.log("array数组(添加):" + "[" + array + "]");

 console.log("++++++++++++++++++++");

 // 5.删除数组最后一条数据。

let length2 = array.pop();

 console.log("length2长度:"+ "[" + length2 + "]");

 console.log("array数组(添加):" + "[" + array + "]");

 console.log("++++++++++++++++++++");

 // 6.删除数组最前面一条数据

 let length3 = array.shift();

 console.log("length3长度:"+ "[" + length3 + "]");

 console.log("array数组(添加):" + "[" + array + "]");

 

 // 7.遍历的同时删除数组中所有元素

for(let i=0; i<array.length; i++){

console.log(array.length);

  // 注意点: 通过delete来删除数组中的元素, 数组的length属性不会发生变化

delete array[i];

}

// 输出数组

console.log(array);

</script>

</head>

<body>

</body>

</html>

3.5.5 数组基本方法

1、代码示例

<!DOCTYPE html>

<head>

<meta charset="UTF-8">

<title>数组常用方法</title>

<script type="text/javascript">

// 定义数组

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

// 1.清空数组

array1.splice(0, array1.length);

 console.log("array1数组:" + "[" + array1 + "]");

 console.log("++++++++++++++");

 // 2.数组转换为字符串

 let array2 = [1,2,3,4,5];

let str = array2.toString();

console.log("str字符串:" + str);

console.log("str数据类型:" + typeof str);

 console.log("++++++++++++++");

 // 3.将两个数组拼接为一个数组

// 3.1 方式一

let num1 = [1,3,4,5];

let num2 = [1,3,6,9];

// 用加号进行拼接会先转换成字符串再拼接.

剩余128页未读，继续阅读

粉丝: 29
资源: 315

上传资源快速赚钱

我的内容管理收起

我的资源快来上传第一个资源

我的收益

登录查看自己的收益

我的积分登录查看自己的积分

我的C币登录后查看C币余额

我的收藏

我的下载

下载帮助

会员权益专享

"JavaScript基础总结：组成部分、代码示例、输出语句和弱类型特点"

Javascript总结导图

javascript课程内容总结

Javascript学习总结

JavaScript编程基础解析

JavaScript编程入门指南

JavaScript核心概念解析

JavaScript基础与DOM操作

Selenium执行JavaScript代码

script language =javascript

javascript做商城系统

vue和javascript的区别

javascript面试题进阶

JavaScript、jQery、javaweb学习顺序

javascript实战javascript、jquery、html5、node.js

简述JavaScript语言的特点

javascript

用javascript写签到系统

JavaScript和对象有关的判断题

JavaScript object转list

javascript和java的区别是

会员权益专享

最新资源