JS逻辑练习
输出垂直三角形
难度：简单
效果图
代码
{collapse}
{collapse-item label="查看代码"}
<script>
for (var i = 1; i <= 9; i++) {
for (var j = 1; j <= i; j++) {
document.write('⭐')
}
document.write('<br>');
}
</script>{/collapse-item}
{/collapse}
输出九九乘法表
难度：简单
效果图
代码
{collapse}
{collapse-item label="查看代码"}
<script>
for (var i = 1; i <= 9; i++) {
for (var j = 1; j <= i; j++) {
document.write(j + 'X' + i + '=' + i * j + ' ')
}
document.write('<br>');
}
</script>{/collapse-item}
{/collapse}
输出以下效果
难度：简单
效果图
代码
{collapse}
{collapse-item label="查看代码"}
<script>
for (var i = 1; i <= 9; i++) {
for (var j = 1; j <= i; j++) {
document.write(i)
}
document.write('<br>');
}
</script>{/collapse-item}
{/collapse}
将一组字符串中的某个字符转换为指定的字符
难度：一般
效果图
var Str = 'qweqweoqweqoqweoqeoqweoqweoqqwoeoqw';将Str字符串里面所有的o全部转换为-
代码
{collapse}
{collapse-item label="查看代码"}
<script>
// 将Str字符串里面所有的o转换为-
var Str = 'qweqweoqweqoqweoqeoqweoqweoqqwoeoqw';
// 首先将str里面所有的o作为分隔符转换为数组
var arr = Str.split('o');
// 此时arr = ['qweqwe', 'qweq', 'qwe', 'qe', 'qwe', 'qwe', 'qqw', 'e', 'qw']
// 然后将这个arr这个数组转换为字符串，并且以-为分隔符的字符串
var str = arr.join('-')
console.log(str);
//qweqwe-qweq-qwe-qe-qwe-qwe-qqw-e-qw
</script>{/collapse-item}
{/collapse}
翻转数组
难度：一般
效果图
用代码将[1, 3, 6, 2, 5, 9]这些数字翻转为：[9, 5, 2, 6, 3, 1]
代码
{collapse}
{collapse-item label="查看代码"}
<script>
var arr = [1, 3, 6, 2, 5, 9];
var Arr = [];
for (var i = 0; i < arr.length; i++) {
Arr[i] = arr[arr.length - i - 1];
}
console.log(Arr);
</script>{/collapse-item}
{/collapse}
求最大值
难度：一般
效果图
用代码求出[1, 3, 6, 2, 5, 9]这些数字的最大值
代码
{collapse}
{collapse-item label="查看代码"}
<script>
var arr = [1, 3, 6, 2, 5, 9];
//先设置一个默认最大值
var max = arr[0];
for (var i = 0; i < arr.length; i++) {
if (arr[i] > max) {
max = arr[i]
}
}
console.log('最大值是：' + max);
</script>{/collapse-item}
{/collapse}
输出金字塔效果
难度：一般
效果图
代码
{collapse}
{collapse-item label="查看代码"}
<script>
for (var i = 1; i <= 10; i += 2) {
for (var k = 1; k <= 10 - i; k++) {
document.write(' ');
}
for (var j = 1; j <= i; j++) {
document.write('⭐');
}
document.write('<br><br>')
}
</script>{/collapse-item}
{/collapse}
输出以下效果
难度：一般
效果图
代码
{collapse}
{collapse-item label="查看代码"}
<script>
for (var i = 5; i >= 1; i--) {
for (var j = 1; j <= i; j++) {
document.write(i)
}
document.write('<br>');
}
for (var k = 2; k <= 5; k++) {
for (var j = 1; j <= k; j++) {
document.write(k)
}
document.write('<br>');
}
</script>{/collapse-item}
{/collapse}
输出拆分百十个位数
难度：一般
案例需求
任意输入一个数，然后拆分出他的百位数、十位数、个位数。最后依次弹出
代码
{collapse}
{collapse-item label="查看代码"}
<script>
var n = prompt('请输入一个三位数：');
var a = parseInt(n / 100);
var b = parseInt((n - a * 100) / 10);
var c = (n - a * 100) - b * 10;
alert(a)
alert(b)
alert(c)
</script>{/collapse-item}
{/collapse}
求最大值同时求最小值
难度：困难
案例需求
[1, 3, 6, 2, 5, 9]输出这些数字中最大的与最小的值
代码
{collapse}
{collapse-item label="查看代码"}
<script>
var temp, max;
var arr = [1, 3, 6, 2, 5, 9];
for (var i = 0; i < arr.length; i++) {
for (var j = 0; j < arr.length - i - 1; j++) {
if (arr[j] > arr[j + 1]) {
temp = arr[j];
arr[j] = arr[j + 1];
arr[j + 1] = temp;
}
}
}
console.log('最大值是：' + arr[arr.length - 1]);
console.log('最小值是：' + arr[0]);
</script>{/collapse-item}
{/collapse}
输出拆分百十个位数
难度：一般
案例需求
任意输入一个数，然后拆分出他的百位数、十位数、个位数。最后依次弹出
代码
{collapse}
{collapse-item label="查看代码"}
<script>
var n = prompt('请输入一个三位数：');
var a = parseInt(n / 100);
var b = parseInt((n - a * 100) / 10);
var c = (n - a * 100) - b * 10;
alert(a)
alert(b)
alert(c)
</script>{/collapse-item}
{/collapse}
动态统计学生就业薪资，计算总薪资与平均薪资
难度：困难
案例需求
当用户输入多少学生就弹出多少学生的成绩输入框（动态生成）
代码
{collapse}
{collapse-item label="查看代码"}
<script>
var arr = []
var sum = 0;
var n = +prompt('请输入学生人数：');
for (var i = 0; i < n; i++) {
var a = +prompt('请输入第' + (i + 1) + '个学生的就业薪资：');
arr[i] = a;
sum += arr[i]
}
console.log('学生薪资总和为：' + sum);
console.log('学生平均薪资为：' + sum / n);
</script>{/collapse-item}
{/collapse}
给一个不重复的数字数组，求最大值和最大值在数组中的下标（索引号）
难度：一般
案例需求
给一个不重复的数字数组，求最大值和最大值在数组中的下标（索引号）
代码
{collapse}
{collapse-item label="查看代码"}
<script>
var arr = [1, 3, 7, 4, 9, 22, 5];
var max = arr[0];
var index;
for (var i = 0; i < arr.length; i++) {
if (arr[i] > max) {
max = arr[i];
index = i;
}
}
console.log('最大值为：' + max);
console.log('最大值的下标为：' + index);
</script>{/collapse-item}
{/collapse}
统计班级学生就业薪资，计算薪资超过15000的有几个人
难度：简单
案例需求
统计班级学生就业薪资，计算薪资超过15000的有几个人
代码
{collapse}
{collapse-item label="查看代码"}
<script>
var sum = 0;
var arr = [8900, 9900, 14000, 4000, 18300, 35900];
for (var i = 0; i < arr.length; i++) {
if(arr[i] > 15000){
sum++
}
}
console.log('薪资超过15000的有： ' + sum + '人');
</script>{/collapse-item}
{/collapse}
给一个字符串数组，将数组中每一个数据拼接在一起，每个数据之间用 | 符合拼接。如张三|李四|王五
难度：简单
案例需求
给一个字符串数组，将数组中每一个数据拼接在一起，每个数据之间用 | 符合拼接。如张三|李四|王五
代码
{collapse}
{collapse-item label="查看代码"}
<script>
var arr = ['张三', '李四', '王五'];
var str = arr.join('|');
console.log(str);
</script>{/collapse-item}
{/collapse}
给一个数字数组，数组中的数据翻转，存到一个新的数组中
难度：一般
案例需求
给一个数字数组，数组中的数据翻转，存到一个新的数组中
代码
{collapse}
{collapse-item label="查看代码"}
<script>
var arr = [1, 5, 3, 8, 9, 4];
var Arr = [];
for (var i = 0; i < arr.length; i++) {
Arr[Arr.length] = arr[arr.length - i - 1];
}
console.log(Arr);
</script>{/collapse-item}
{/collapse}