【熬夜猛肝万字博文】学妹问我怎么入门 Javascript，百般盘问下我终于决定贡献出自己的 JavaScript入门笔记(三)_2(2)

还有兄弟不知道网络安全面试可以提前刷题吗？费时一周整理的160+网络安全面试题，金九银十，做网络安全面试里的显眼包！

王岚嵚工程师面试题（附答案），只能帮兄弟们到这儿了！如果你能答对70%，找一个安全工作，问题不大。

对于有1-3年工作经验，想要跳槽的朋友来说，也是很好的温习资料！

【完整版领取方式在文末！！】

93道网络安全面试题

内容实在太多，不一一截图了

黑客学习资源推荐

最后给大家分享一份全套的网络安全学习资料，给那些想学习 网络安全的小伙伴们一点帮助！

对于从来没有接触过网络安全的同学，我们帮你准备了详细的学习成长路线图。可以说是最科学最系统的学习路线，大家跟着这个大的方向学习准没问题。

1️⃣零基础入门

① 学习路线

对于从来没有接触过网络安全的同学，我们帮你准备了详细的学习成长路线图。可以说是最科学最系统的学习路线，大家跟着这个大的方向学习准没问题。

② 路线对应学习视频

同时每个成长路线对应的板块都有配套的视频提供：

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化资料的朋友，可以点击这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

如果不满足，结束循环

执行完循环体语句后，再执行操作表达式，然后判断是否满足条件表达式
如果满足条件表达式
则执行循环体语句
如果不满足，结束循环

然后循环以往，直至不满足语句条件，循环结束

所谓断点调试
打开浏览器的开发者工具，找到Sources面板，在里面的网页源代码中可设置断点(单击某一行行号即可添加断点，再次单击即可取消)
在添加断点后，刷新网页，程序就会在断点的位置暂停，此时按F11键让程序单步执行，在旁边的Watch中可以观察变量的值的变化。

案例：生成 i 行 j 列的星星图案

var j = prompt('请输入列数:');
var str = '';
for(var x = 0; x < i; x++) {
for(var y = 0; y < j; y++) {
str += '*';
}
str += '\n';
}
console.log(str);

案例：生成九九乘法表

for(var i = 1; i <= 9; i++) {
for(var o = 1; o <= i; o++) {
console.log ('i' + '*' + 'o' + '=' + i * o + '\t' );
}
console.log ('\n');
}

📒3.1.2_while 语句

while 语句在条件表达式为 true 的前提下，循环执行指定的一段代码，直到条件表达式为 false 时结束循环。

while (条件表达式){
// 循环体
}

📙3.1.3_do…while 语句

do {
// 循环体
} while (条件表达式);

📕3.1.4_continue 关键字

该关键字可以在for、while 以及 do…while 循环体中使用
它用来**跳出本次循环**，也就是跳过了continue后面的代码

for(var i = 1; i <= 5; i++) {
if (i == 3){
continue;  // 跳出本次循环，直到跳到 i++
}
console.log('我吃完了第' + i + '个苹果')；
}

// 我吃完了第1个苹果
// 我吃完了第2个苹果
// 我吃完了第4个苹果
// 我吃完了第5个苹果

📘3.1.5_break 关键字

break 关键字可以用在 switch 语句和循环语句中，在循环语句中使用时，其作用是立即跳出整个循环，也就是循环即将结束。

for(var i = 1; i <= 5; i++){
if (i == 3){
break;  // 跳出本次循环，直到跳到 i++
}
console.log('我吃完了第' + i + '个苹果')；
}

// 我吃完了第1个苹果
// 我吃完了第2个苹果

📚3.2_数组

📓3.2.1_创建数组

第一种

var arr1 = new Array();         //空数组
var arr2 = new Array('苹果','橘子','香蕉','桃子');        //里面有4个元素

第二种

var arr3 = [];                                    //空数组
var arr4 = ['苹果', '橘子', '香蕉', '桃子'];         //里面有4个元素

在数组中保存各种常见的数据类型

var arr5 = [123,'abc',true,null,undefined];

在数组中保存数组

var arr6 = [12,[21,22],41];                    

📒3.2.2_数组长度

数组名.length

📚3.3_数组案例

📓3.3.1_修改数组长度

var arr = ['a','b','c'];
console.log(arr.length);  //输出结果：3

var arr1 = [1,2];
arr1.length = 4;    //大于原有长度
document.write(arr1);   //输出结果:  1,2,,,

var arr2 = [1,2,3,4];
arr2.length = 2;  //小于原有长度
document.write(arr2);  //输出结果:1,2

var arr = [1];
arr.length = 4;     // 修改数组的长度为4
console.log(arr);   // 输出结果:(4)[1,empty*3]
console.log(arr[1]);// 输出结果:undefined

var arr = [1,2,,4];
console.log(arr);   // 输出结果:(4)[1,2,empty,4]

var arr = new Array(4);
console.log(arr);   // 输出结果:(4)[empty*4]


var arr = [1];
arr[3] = 4;        // 向数组中添加一个元素，索引为3
console.log(arr);  // 输出结果:(4)[1,empty*2,4]

📒3.3.2_新增或修改数组元素

var arr = ['red', 'green', 'blue'];
arr[3] = 'pink';   //新增元素
console.log(arr);  //(4)["red","green","blue","pink"]
arr(0) = 'yellow'; //修改元素
console.log(arr);  //(4)["yellow","green","blue","pink"]

📙3.3.3_筛选数组

将一个数组中所有大于或等于10的元素筛选出来

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) {
newArr[j++] = arr[i];  //新数组索引号从0开始，依次递增
}
}
console.log(newArr);  //输出结果:(3)[77,52,25]

📕3.3.4_删除指定的数组元素

删除数组中所有值为0的元素

var arr = [2, 0, 6, 1, 77, 0, 52, 0, 25, 7];
var newArr = [];
for (var i = 0;i < arr.length;i++){
if(arr[i] != 0){
newArr[newArr.length] = arr[i];
}
}
console.log(newArr);  //输出结果:(7)[2,6,1,77,52,25,7]

📘3.3.5_反转数组元素排序

var arr = ['red','green','blue','pink','purple'];
var newArr = [];
for(var i = arr.length-1; i >= 0; i--) {
newArr[newArr.length] = arr[i];
}
//  输出结果:(5)["purple","pink","blue","green","red"]
console.log(newArr);

📚3.4_数组排序算法

📓3.4.1_冒泡排序

var arr = [10,7,5,27,98,31];
for(var i = 1; i < arr.length; i++){
for(var j = 0; j < arr.length-i; j++){
if(arr[j] > arr[j+1]){
var temp = arr[j+1];
arr[j+1] = arr[j];
arr[j] = temp;
}
}
}
document.write(arr);  // 输出结果:5,7,10,27,31,98(从小到大输出)

📒3.4.2_插入排序

var arr = [10, 8, 100, 31, 87, 70, 1, 88];

// 按照从小到大的顺序排列，先遍历无序数组下标
for (var i = 1; i < arr.length; i++){
// 遍历并比较一个无序数组元素与所有有序数组元素
for(var j = i; j > 0; j--){
if(arr[j-1] > arr[j]) {
var temp = arr[j-1];
arr[j-1] = arr[j];
arr[j] = temp;
}
}
}
document.write(arr);  // 输出结果: 1,8,10,31,70,87,88,100
console.log(arr); // (8)
// 当定义数组时数字加上单引号或双引号时console.log输出: (8) ["1", "10", "100", "31", "70", "8", "87", "88"]

// 错误反例:
var arr = [10, 8, 100, 31, 87, 70, 1, 88];
            
            // 按照从小到大的顺序排列，先遍历无序数组下标
            for(var i = 1; i < arr.length; i++){
                
                for(; i > 0; i--){
                    if(arr[i-1] > arr[i]){
                    var a = arr[i-1];
                    arr[i-1] = arr[i];
                    arr[i] = a;
                }
                }
            }
            console.log(arr);
            // 内for循环里没有定义新的变量去赋值i而是直接用外for循环中的i，不会报错但会一直运行不会出现结果

📚3.5_二维数组

📓 3.5.1_创建二维数组

//使用Array创建数组
var info = new Array(


## 学习路线：

这个方向初期比较容易入门一些，掌握一些基本技术，拿起各种现成的工具就可以开黑了。不过，要想从脚本小子变成黑客大神，这个方向越往后，需要学习和掌握的东西就会越来越多以下是网络渗透需要学习的内容：  
 ![在这里插入图片描述](https://img-blog.csdnimg.cn/7a04c5d629f1415a9e35662316578e07.png#pic_center)





**网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。**

**[需要这份系统化资料的朋友，可以点击这里获取](https://bbs.csdn.net/forums/4f45ff00ff254613a03fab5e56a57acb)**

**一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**