关键词：
🍅 Java学习路线配套文章：搬砖工逆袭Java架构师
🍅 Java经典面试题大全：10万字208道Java经典面试题总结(附答案)
🍅 简介：Java领域优质创作者🏆、CSDN哪吒公众号作者✌ 、Java架构师奋斗者💪
🍅 扫描主页左侧二维码，加入群聊，一起学习、一起进步
🍅 欢迎点赞 👍 收藏 ⭐留言 📝
目录
一、垃圾回收（GC）
当一个对象没有任何的变量或属性对它进行引用，此时我们将永远无法操作该对象，此时这种对象就是一个垃圾，这种对象过多会占用大量的内存空间，导致程序运行变慢，所以这种垃圾必须进行清理。
在JS中拥有自动的垃圾回收机制，会自动将这些垃圾对象从内存中销毁，我们不需要也不能进行垃圾回收的操作，我们需要做的只是要将不再使用的对象设置null即可。
二、数组（Array）
1、什么是数组
数组也是一个对象，它和我们普通对象功能类似，也是用来存储一些值的，不同的是普通对象是使用字符串作为属性名的，而数组时使用数字来作为索引操作元素。
2、索引
从0开始的整数就是索引。
数组的存储性能比普通对象要好，在开发中我们经常使用数组来存储一些数据。
3、创建数组对象
var arr = new Array();4、向数组中添加元素
语法：数组[索引] = 值
arr[0] = '哪吒';
arr[1] = '比比东';
arr[2] = '云韵';
arr[3] = '雅妃';5、读取数组中的元素
语法：数组[索引]
如果读取不存在的索引，他不会报错而是返回undefined
6、获取数组的长度
语法：数组.length
- 对于连续的数组，使用length可以获取到数组的长度（元素的个数）；
- 对于非连续的数组，使用length会获取到数组的最大的索引+1；
- 尽量不要创建非连续的数组；
7、修改length
- 如果修改的length大于原长度，则多出部分会空出来；
- 如果修改的length小于原长度，则多出的元素会被删除
8、向数组的最后一个位置添加元素
语法：数组[数组.length] = 值;
三、数组中的方法
1、push()
向数组的末尾添加一个或多个元素，并返回数组的新的长度。
2、pop()
该方法可以删除数组的最后一个元素,并将被删除的元素作为返回值返回。
3、unshift()
向数组开头添加一个或多个元素，并返回新的数组长度，向前边插入元素以后，其他的元素索引会依次调整。
4、shift()
删除数组的第一个元素，并将被删除的元素作为返回值返回。
5、slice()
可以用来从数组提取指定元素。
该方法不会改变元素数组，而是将截取到的元素封装到一个新数组中返回。
参数：
-
截取开始的位置的索引,包含开始索引
-
截取结束的位置的索引,不包含结束索引
-
第二个参数可以省略不写,此时会截取从开始索引往后的所有元素
-
索引可以传递一个负值，如果传递一个负值，则从后往前计算。-1 倒数第一个，-2 倒数第二个
6、splice()
可以用于删除数组中的指定元素，使用splice()会影响到原数组，会将指定元素从原数组中删除，并将被删除的元素作为返回值返回。
参数：
第一个，表示开始位置的索引
第二个，表示删除的数量
第三个及以后， 可以传递一些新的元素，这些元素将会自动插入到开始位置索引前边。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
var arr = ["哪吒","比比东","云韵",]
// 从第1个开始删除，删除两个，并将后面的加到数组后面
var result = arr.splice(1,2,"雅妃","纳兰嫣然");
document.write(arr);
</script>
</head>
<body>
</body>
</html>
7、slice()
从数组提取指定元素，该方法不会改变元素数组，而是将截取到的元素封装到一个新数组中返回。
参数：
（1）截取开始的位置的索引，包含开始索引；
（2）截取结束的位置的索引，不包含结束索引；
第二个参数可以省略不写,此时会截取从开始索引往后的所有元素。
索引可以传递一个负值，如果传递一个负值，则从后往前计算，-1 倒数第一个，-2 倒数第二个。
8、concat()
concat()可以连接两个或多个数组，并将新的数组返回，该方法不会对原数组产生影响。
9、join()
该方法可以将数组转换为一个字符串。
该方法不会对原数组产生影响，而是将转换后的字符串作为结果返回。
在join()中可以指定一个字符串作为参数，这个字符串将会成为数组中元素的连接符。
如果不指定连接符，则默认使用,作为连接符。
10、reverse()
该方法用来反转数组（前边的去后边，后边的去前边）。
该方法会直接修改原数组。
11、sort()
对数组中的元素进行排序。
会影响原数组，默认会按照Unicode编码进行排序。
即使对于纯数字的数组，使用sort()排序时，也会按照Unicode编码来排序，所以对数字进排序时，可能会得到错误的结果。
可以在sort()添加一个回调函数，来指定排序规则，回调函数中需要定义两个形参，浏览器将会分别使用数组中的元素作为实参去调用回调函数，浏览器会根据回调函数的返回值来决定元素的顺序。
- 如果返回一个大于0的值，则元素会交换位置；
- 如果返回一个小于0的值，则元素位置不变；
- 如果返回一个0，则认为两个元素相等，也不交换位置；
<script>
arr = [5,4,2,1,3,6,8,7];
arr.sort(function(a,b)
//前边的大
/*if(a > b)
return -1;
else if(a < b)
return 1;
else
return 0;
*/
//升序排列
//return a - b;
//降序排列
return b - a;
);
document.write(arr);
</script>输出结果：8,7,6,5,4,3,2,1
四、数组的遍历
1、for
（1）代码实例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
var arr = ["哪吒","比比东","云韵","雅妃","纳兰嫣然"]
for(var i=0 ; i<arr.length ; i++)
document.write(arr[i]+ '\\n');
</script>
</head>
<body>
</body>
</html>
（2）浏览器输出
2、forEach()
forEach()方法需要一个函数作为参数，像这种函数，由我们创建但是不由我们调用的，我们称为回调函数。
数组中有几个元素函数就会执行几次，每次执行时，浏览器会将遍历到的元素，以实参的形式传递进来，我们可以来定义形参，来读取这些内容。
浏览器会在回调函数中传递三个参数：
-
当前正在遍历的元素
-
当前正在遍历的元素的索引
-
正在遍历的数组
（1）代码实例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
var arr = ["哪吒","比比东","云韵","雅妃","纳兰嫣然"]
arr.forEach(function(value , index , obj)
document.write(value + ' \\n ');
);
</script>
</head>
<body>
</body>
</html>
（2）浏览器显示
五、函数中的方法
1、call()和apply()
这两个都是调用函数的方法，只是传参的方式不同。
- call()方法可以将实参在对象之后依次传递；
-
apply()方法需要将实参封装到一个数组中统一传递
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
function fun(a,b)
console.log("a = "+a);
console.log("b = "+b);
alert(this);//[object Object]
var obj =
name: "obj",
sayName:function()
alert(this.name);
;
fun.call(obj,1,2);
fun.apply(obj,[3,4]);
var obj2 =
name: "obj2"
;
</script>
</head>
<body>
</body>
</html>
2、this与arguments
（1）this
- 以函数形式调用时，this永远都是window
- 以方法的形式调用时，this是调用方法的对象
- 以构造函数的形式调用时，this是新创建的那个对象
- 使用call和apply调用时，this是指定的那个对象
（2）arguments
arguments是一个类数组对象,它也可以通过索引来操作数据，也可以通过arguments.length获取长度。
比如arguments[0] 表示第一个实参，arguments[1] 表示第二个实参。
它里边有一个属性叫做callee，这个属性对应一个函数对象，就是当前正在指向的函数的对象。
代码实例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
function fun(a,b)
console.log("111"+arguments instanceof Array);//false
console.log("222:"+Array.isArray(arguments));//false
console.log("333:"+arguments[1]);//true
console.log("444:"+arguments.length);//2
console.log("555:"+arguments.callee == fun);//false
fun("hello",true);
</script>
</head>
<body>
</body>
</html>
六、新星计划
1、入口：这里是“新星计划·第二季”【Java】赛道的报名入口！
2、书籍
- Vue.js全家桶零基础入门到进阶项目实战
- Java高并发编程指南
- 亿级流量Java高并发与网络编程实战
- Node.js入门指南
上一篇：JavaScript零基础入门 5：JavaScript函数
下一篇：敬请期待
添加微信，备注1024，赠送Java学习路线思维导图
javascript零基础入门10：正则表达式(代码片段)
🍅Java学习路线配套文章：Java学习路线总结，搬砖工逆袭Java架构师（全网最强）🍅基础推荐：Java基础教程系列🍅实战推荐：SpringBoot基础教程🍅简介：Java领域优质创作者🏆、CSDN哪... 查看详情
javascript零基础入门6：javascript垃圾回收(代码片段)
🍅Java学习路线配套文章：搬砖工逆袭Java架构师🍅Java经典面试题大全：10万字208道Java经典面试题总结(附答案)🍅简介：Java领域优质创作者🏆、CSDN哪吒公众号作者✌、Java架构师奋斗者💪🍅扫... 查看详情
javascript零基础入门|day1：javascript表格(代码片段)
🍅Java学习路线思维导图： Java学习路线思维导图🍅Java学习路线总结：搬砖工逆袭Java架构师🍅Java经典面试题大全：10万字208道Java经典面试题总结(附答案)🍅简介：Java领域优质创作者🏆、CSDN... 查看详情
javascript入门经典零基础学习
本书目录第一章： JavaScript语言基础第二章： JavaScript内置对象第三章： 窗口window对象第四章： 文档document对象第五章： 表单form对象第六章： History与Navigator对象第七章： JavaScript框架编程第八章： ... 查看详情
前端零基础快速入门javascript
JavaScript代码可以直接嵌在网页的任何地方，不过通常我们都把JavaScript代码放到<head>中：<html><head><script>alert(‘Hello,world‘);</script></head><http://www.my516.com>...</body></ht 查看详情
python零基础入门(代码片段)
Python数据分析基础六、流程控制6.1程序结构6.2选择语句6.2.1最简单的if语句6.2.2if...else语句6.2.3if...elif...else语句6.2.4if语句的嵌套6.3使用and连接条件语句6.4使用or连接条件语句6.5使用not语句结语六、流程控制6.1程序结构计算机在解决... 查看详情
javascript零基础入门11：用javascript实现图片上传并预览
目录一、写在前面二、前端界面是通过jqgrid展示的三、jqgrid特性四、代码实例1、jqgrid页面展示2、模块页面3、ajax实现异步请求五、效果展示六、哪吒社区一、写在前面2021年，收获了84695位粉丝；因为有你们，文章才... 查看详情
javascript零基础入门4：javascript对象与函数(代码片段)
🍅Java学习路线配套文章：Java学习路线总结，搬砖工逆袭Java架构师（全网最强）🍅基础推荐：Java基础教程系列🍅实战推荐：SpringBoot基础教程🍅简介：Java领域优质创作者🏆、CSDN哪... 查看详情
学习资料
一、深度学习1、https://www.zybuluo.com/hanbingtao/note/433855零基础入门深度学习(1)-感知器 零基础入门深度学习(2)-线性单元和梯度下降 零基础入门深度学习(3)-神经网络和反向传播算法 零基础入门深度学习(4)-卷积神经网络&nb... 查看详情
javascript零基础入门8：document获取节点元素(代码片段)
🍅Java学习路线配套文章：Java学习路线总结，搬砖工逆袭Java架构师（全网最强）🍅基础推荐：Java基础教程系列🍅实战推荐：SpringBoot基础教程🍅简介：Java领域优质创作者🏆、CSDN哪... 查看详情
java零基础入门6：java输出与输入(代码片段)
🍅周周有福利，周周有惊喜 哪吒社区-风火轮计划🍅Java学习路线：搬砖工逆袭Java架构师🍅Java经典面试题大全：10万字208道Java经典面试题总结(附答案)🍅简介：Java领域优质创作者🏆、CSDN哪吒... 查看详情
javascript零基础入门5：javascript函数(代码片段)
🍅Java学习路线配套文章：搬砖工逆袭Java架构师🍅Java经典面试题大全：10万字208道Java经典面试题总结(附答案)🍅简介：Java领域优质创作者🏆、CSDN哪吒公众号作者✌、Java架构师奋斗者💪🍅扫... 查看详情
javascript零基础入门day3javascript运算符(代码片段)
🍅Java学习路线配套文章：搬砖工逆袭Java架构师🍅Java经典面试题大全：10万字208道Java经典面试题总结(附答案)🍅简介：Java领域优质创作者🏆、CSDN哪吒公众号作者✌、Java架构师奋斗者💪🍅扫... 查看详情
前端就业课第一阶段html5零基础到实战javascript基础一篇入门
注意：手机（APP）打开，内容显示更佳，不会的私聊博主即可想要拿代码或加入学习计划（**博主会监督你并且教你写文章**）的拉到最下面（PC端Web打开）加博主即可，目录也在最下面。参... 查看详情
转载零基础入门深度学习-感知器(代码片段)
【转载】零基础入门深度学习(1)-感知器机器学习深度学习转载自https://www.zybuluo.com/hanbingtao/note/433855无论即将到来的是大数据时代还是人工智能时代，亦或是传统行业使用人工智能在云上处理大数据的时代，作为一个有理... 查看详情
零基础程序员自学编程的6种方法，你知道吗？
随着互联网日趋迅猛，编程已经在我们生活当中无处不在了。众所周知，程序员的工资都很不错，于是越来越多的人，都想加入到编程的行业中来。那么如何加入到程序员的行业当中？PHP从入门到放弃，C语言从入门到放弃，Java... 查看详情
python基于pillow的图像处理（零基础入门教程）(代码片段)
文章目录1.引言2.安装3.教程3.1.使用Image类3.2.读取和保存图像3.2.1.将其他格式的图像转换为JPEG格式3.2.2.创建JPEG缩略图3.3.裁剪、粘贴及合并图像3.3.1.裁剪图像3.3.2.粘贴图像3.3.3.合并图片3.3.4.划分和合并波段3.4.几何变换3.4.1.缩放和... 查看详情
solidity零基础入门solidity编写智能合约代码
如果你有其他语言基础，可以很快入门，如果新手建议了解即可，以下是课程目录：1、智能合约概述2、区块链基础3、以太坊虚拟机4、安装Solidity编译器5、从源代码编译6、CMake参数7、版本号字符串详解8、版本信... 查看详情