Web前端最全关于Javascript的学习心得(1)，Web前端大厂高频面试题解析

最后

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

❤️ 谢谢支持，喜欢的话别忘了 关注、点赞哦。

代码理解：

var num = 0;

var result = num > 5 ? ‘Yes Yes’ : ‘达咩！’

console.log(result);

循环结构

---

for循环

---

for 循环重复相同的代码

语法结构：

// 基本写法

for(var i = 1; i <= 10; i++){

console.log(‘老婆我错了~’);

}

// 用户输入次数

var num = prompt(‘请输入次数:’)；

for ( var i = 1 ; i <= num; i++) {

console.log(‘老婆我错了~’);

}

for 循环重复不相同的代码

语法结构：

// for 里面是可以添加其他语句的

for (var i = 1; i <= 100; i++) {

if (i == 1) {

console.log(‘这个人今年1岁了， 它出生了’);

} else if (i == 100) {

console.log(‘这个人今年100岁了，它死了’);

} else {

console.log(‘这个人今年’ + i + ‘岁了’);

}

}

//就是再输出的时候用变量i 就能有变化

双重for循环

---

语法结构：

for (外循环的初始; 外循环的条件; 外循环的操作表达式) {

for (内循环的初始; 内循环的条件; 内循环的操作表达式) {

需执行的代码;

}

}

注意：

• 内层循环可以看做外层循环的循环体语句

• 内层循环执行的顺序也要遵循 for 循环的执行顺序

• 外层循环执行一次，内层循环要执行全部次数

例题解析

例题1：打印出正三角的星星

var str=‘’;

for(var i=1;i<=10;i++){

for(var j=1;j<i;j++){

str + =‘⭐’;

}

str + =‘\n’;

}

console.log(str);

例题2：打印出九九乘法表

var str = ‘’;

for (var i = 1; i <= 9; i++) {

for (var j = 1; j <= i; j++) { //列数小于等于行数

// str += ‘⭐’;追加字符串

str += j + ‘X’ + i + ‘=’ + i * j; //变量和字符串之间用+ 连接

str += j + ‘x’ + i + ‘=’ + i * j + ‘\t’;

}

str = str + ‘\n’;

}

console.log(str);

例题3：倒计时效果 “补零”

var time = prompt(‘请输入一个0~59之间的一个数？’);

var result = time < 10 ? ‘0’ + time : time;

alert(result);

while循环

---

语法结构：

while (条件表达式) {

// 循环体代码

}

注意：

使用 while 循环时一定要注意，它必须要有退出条件，否则会成为死循环。

do…while循环

---

语法结构：

do {

// 循环体代码 - 条件表达式为 true 时重复执行循环体代码

} while(条件表达式);

注意：

先再执行循环体，再判断，do…while循环语句至少会执行一次循环体代码。

循环结构中的终止程序——continue、break

---

continue 关键字用于立即跳出本次循环，继续下一次循环（本次循环体中 continue 之后的代码就会少执行一次）；

break 关键字用于立即跳出整个循环（循环结束）。

Javascript数组介绍

==============

简单来说数组就是一组数据的集合，其中里面每个数据被称作元素，再数组中可以存放任意类型的元素。

存放的数组元素可以存放任意类型的数据，例如字符串、数字、布尔值等。

举例：

var arrStus = [‘小白’,12,true,28.9];

创建数组

---

利用 new 创建数组（不常用）

语法结构：

var 数组名 = new Array() ；

var arr = new Array(); // 创建一个新的空数组

注意： Array () ，A 要大写

利用数组字面量创建数组

语法结构：

//1. 使用数组字面量方式创建空的数组

var 数组名 = []；

//2. 使用数组字面量方式创建带初始值的数组

var 数组名 = [‘小白’,‘小黑’,‘大黄’,‘瑞奇’];

获取（访问）数组

---

索引 (下标) 的定义：用来访问数组元素的序号（数组下标从 0 开始）。

索引 (下标) 的作用：数组可以通过索引来访问、设置、修改对应的数组元素，可以通过“数组名[索引]”的形式来获取数组中的元素。

语法结构：

// 定义数组

var arrStus = [1,2,3];

// 获取数组中的第2个元素

alert(arrStus[1]);

遍历数组

---

数组遍历

定义：把数组中的每个元素从头到尾都访问一次（类似学生的点名），可以通过 for 循环索引遍历数组中的每一项。

语法结构：

var arr = [‘red’,‘green’, ‘blue’];

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

console.log(arrStus[i]);

}

数组的长度

数组的长度：默认情况下表示数组中元素的个数

使用“数组名.length”可以访问数组元素的数量（数组长度）。

语法结构：

var arrStus = [1,2,3];

alert(arrStus.length); // 3

注意：

• 此处数组的长度length是数组元素的个数 ，不要和数组的索引号混淆。

• 当我们数组里面的元素个数发生了变化，这个 length 属性跟着一起变化

• 数组的length属性可以被修改：

• 如果设置的length属性值大于数组的元素个数，则会在数组末尾出现空白元素；

• 如果设置的length属性值小于数组的元素个数，则会把超过该值的数组元素删除

数组中新增元素

---

• 增长数组的长度

代码展示：

var arr = [‘red’, ‘green’, ‘blue’];

arr.length = 4; //直接把数组长度修改为5 里面就会有5个元素

console.log(arr);

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

console.log(arr[5]); //undefined

• 直接修改索引号 追加数组元素

代码展示：

var arr1 = [‘red’, ‘green’, ‘blue’];

arr1[3] = ‘yellow’; //数组后面增加了yellow

console.log(arr1);

arr1[2] = ‘pink’;

console.log(arr1); //将arr[2]=blue改位pink了

arr1 = ‘把整个数组都改成这个名字，里面的元素全都没有了’;

//不要直接给 数组名赋值 否则里面的数组元素就都没有了

console.log(arr1);

总结

秋招即将开始，校招的朋友普遍是缺少项目经历的，所以底层逻辑，基础知识要掌握好！

而一般的社招，更是神仙打架。特别强调，项目经历不可忽视；几乎简历上提到的项目都会被刨根问底，所以项目应用的技术要熟练，底层原理必须清楚。

这里给大家提供一份汇集各大厂面试高频核心考点前端学习资料。涵盖 HTML，CSS，JavaScript，HTTP，TCP协议，浏览器，Vue框架，算法等高频考点238道（含答案）！

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

资料截图 ：

高级前端工程师必备资料包

各大厂面试高频核心考点前端学习资料。涵盖 HTML，CSS，JavaScript，HTTP，TCP协议，浏览器，Vue框架，算法等高频考点238道（含答案）！

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

资料截图 ：

高级前端工程师必备资料包