三元表达式
语法结构：
表达式1 ? 表达式2 : 表达式3;
执行思路
-
如果表达式1为 true ，则返回表达式2的值，如果表达式1为 false，则返回表达式3的值
-
简单理解： 就类似于 if else （双分支） 的简写
代码理解：
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
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！
由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新
如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）
最后
CodeChina开源项目：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
❤️ 谢谢支持，喜欢的话别忘了 关注、点赞哦。
6PB-1712062336693)]
[外链图片转存中…(img-dU4dTsKE-1712062336694)]
[外链图片转存中…(img-pGdbE5LP-1712062336695)]
[外链图片转存中…(img-vKPNfcut-1712062336695)]
[外链图片转存中…(img-DbOeNmXJ-1712062336696)]
[外链图片转存中…(img-nkMr06Fe-1712062336697)]
既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！
由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新
如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）
[外链图片转存中…(img-XJcvz4aU-1712062336697)]
最后
CodeChina开源项目：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
❤️ 谢谢支持，喜欢的话别忘了 关注、点赞哦。
2728
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
