前端第二阶段-11（JavaScript练习之数组array）

最新推荐文章于 2023-01-30 10:31:20 发布
最新推荐文章于 2023-01-30 10:31:20 发布
阅读量722 收藏
点赞数
分类专栏： # 前端开发第二阶段
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Victory_bad/article/details/126400270
版权

数组交换

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
</head>

<body></body>
<script>
    // 数组交换
    let a = [1, 2];
    let t;
    t = a[1];
    a[1] = a[0];
    a[0] = t;
    console.log(a[0] + "\n" + a[1]);
</script>

</html>

最大值

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    // 求最大值
    let arr=[12,34,56,23];
    let max=arr[0];
    for(let i=0;i<arr.length;++i){
        if(max<arr[i]){
            max=arr[i];
        }
    }
    console.log("最大值为：",max);
</script>
</html>

最小值

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
</head>

<body></body>
<script>
    // 求最小值
    const arr = [23, 45, 754, 1, 12, 3];
    //假设第一个为最小的
    let min = arr[0];
    //等价于for(let i=0;1<arr.length;++i)
    for (let i = 0; i <= arr.length - 1; ++i) {
        if (min > arr[i]) {
            min = arr[i];
        }
        console.log("arr[" + i + "]" + arr[i]);
    }
    console.log("最小值："+min);
</script>

</html>

 

去掉重复的值

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
</head>

<body></body>
<script>
    // 去除数组中重复的元素
    const arr = [1, 1, 4, 2, 65, 4, 2];
    let newArr = [];
    for (let i = 0; i < arr.length; ++i) {
        //如果arr数组的元素，不在newArr数组里面就添加到newArr
        if (newArr.indexOf(arr[i]) == -1) {
            newArr.push(arr[i]);
        }
    }
    console.log(newArr);
</script>

</html>

奇数偶数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    // 奇数偶数
    let arr=[1,2,5,6,4,34,5,6,78];
    for(let i=0;i<arr.length;++i){
        if(arr[i]%2===0){
            console.log("偶数\t"+arr[i]);
        }else{
            console.log("奇数\t"+arr[i]);
        }
    }
</script>
</html>

输出[1,3,5,7,24,32,25,48]的平均数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    /*
        输出[1,3,5,7,24,32,25,48]的平均数
    */ 
    let arr=[1,3,5,7,24,32,25,48];
    let sum=0;
    for(let i=0;i<arr.length;++i){
        console.log("arr["+i+"]："+arr[i]);
        sum=sum+arr[i]
    }
    console.log("[1,3,5,7,24,32,25,48]的平均数为"+String(sum/arr.length));
</script>
</html>

输出年级是大一，性别是女生所有人的名字

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
</head>

<body></body>
<script>
    /*
        输出年级是大一，性别是女生所有人的名字
    */
    const data = [
        { name: "小a", gender: "女", age: 21, grade: "大一" },
        { name: "小c", gender: "男", age: 21, grade: "大一" },
        { name: "小e", gender: "女", age: 21, grade: "大三" },
        { name: "小g", gender: "女", age: 21, grade: "大一" },
    ];

    // 大一女生的名字
    const res = [];
    for (let i = 0; i < data.length; ++i) {
        if (data[i].gender === "女" && data[i].grade === "大一") {
            res.push(data[i].name);
        }
    }
    console.log(res); // ["小a", "小g"]
</script>

</html>

输出年级是大一，性别是女生所有人的名字

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body></body>
  <script>
    /*
        输出年级是大一，性别是女生所有人的名字
    */
    const data = [
      ["小A", "女", 21, "大一"],
      ["小B", "男", 23, "大三"],
      ["小C", "男", 24, "大四"],
      ["小D", "女", 21, "大一"],
      ["小E", "女", 22, "大四"],
      ["小F", "男", 21, "大一"],
      ["小G", "女", 22, "大二"],
      ["小H", "女", 20, "大三"],
      ["小I", "女", 20, "大一"],
      ["小J", "男", 20, "大三"],
    ];

    // 大一女生的名字
    const res = [];
    for (let i = 0; i < data.length; ++i) {
        if (data[i][1] === "女" && data[i][3] === "大一") {
            res.push(data[i][0]);
        }
    }

    console.log(res); // ["小A", "小D", "小I"]
  </script>
</html>

猜数字游戏，有一个0-50的随机数，玩家有5次输入机会，每猜一次都要将结果告诉玩家是小了，还是大了；若5次机会内猜中，输出“聪明”，程序结束；若5次机会用完，程序直接结束

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>

  <body></body>
  <script>
    /*
        猜数字游戏，有一个0-50的随机数，玩家有5次输入机会
        每猜一次都要将结果告诉玩家是小了，还是大了
        若5次机会内猜中，输出“聪明”，程序结束
        若5次机会用完，程序直接结束
    */
    let rand = parseInt(Math.random() * (50 + 1) + 0);
    console.log(rand);
    for (let i = 0; i < 5; ++i) {
      inputNum = parseInt(
        window.prompt(
          "猜数字游戏：猜一个0-50的数字，你只有五次猜的机会哟(＾Ｕ＾)ノ~\n请输入你的数字："
        )
      );
      if (i <= 5) {
        if (inputNum > 50 || inputNum < 0) {
          alert(
            "输入有误，请输入0-50的数字!\ " +
              "你已经用了\t" +
              (i + 1) +
              "次机会哟"
          );
        } else if (inputNum < rand) {
          alert(
            "请重新输入，你输入的数小了!\ " +
              "你已经用了\t" +
              (i + 1) +
              "次机会哟"
          );
        } else if (inputNum > rand) {
          alert(
            "请重新输入，你输入的数大了!\ " +
              "你已经用了\t" +
              (i + 1) +
              "次机会哟"
          );
        } else if (inputNum === rand) {
          alert("聪明");
          break;
        }
      } else {
        alert("5次机会已用完");
        break;
      }
    }
  </script>
</html>

BadVictory
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js代码-练习 JavaScript 数组对象相关方法
07-16
首先，`main.js` 文件很可能包含了一些实际的JavaScript代码示例，用于演示和练习数组对象的方法。常见的数组方法包括： 1. `push()`：向数组末尾添加一个或多个元素，并返回新的数组长度。例如： ```javascript ...
Array-Store:这是一个新的存储库，我在其中使用JavaScript练习数组
03-17
这个名为"Array-Store"的存储库就是专门为了实践和探索JavaScript中的数组功能而创建的。 首先，我们要理解JavaScript数组的基本用法。在JavaScript中，数组可以使用`[]`符号创建，并通过索引来访问或修改元素。...
JavaScript数组去重
楚楚梦厦的博客
11-05 329
1. indexOf 有的话给数组下标，没有给-1 let arr1 = [2,4,6,2,4,6,1,2,3]; let newArr1 = []; for (let i = 0; i < arr1.length; i++) { //if (!newArr1.includes(arr1[i])) newArr1.push(arr1[i]); if(newArr1.indexOf(arr1[i]) === -1) { // 证明newArr中没有
indexOf去重数组
qq_43551196的博客
10-30 872
function un(arr){ var arr1 = [] for(var i = 0;i&lt;arr.length;i++){ if(arr1.indexOf(arr[i])===-1){ arr1.push(arr[i]) } } return arr1 }``` 在这里插入代码片
数组的indexof=-1
热门推荐
涩的博客
09-14 2万+
-1代表未匹配到元素 ，可以用来数组去重 经常与javascript打交道的小伙伴一定对indexOf不会陌生吧！ 判断一个字符串是否包含在另一个字符串中的时候，使用indexOf非常有用。 按照官方的对indexOf()的定义，它的作用是返回某个字符串在另一个字符串中首次出现的位置。 我们来看看js indexOf()的使用方法。   &lt;script&gt; ...
数组去重方法总结
csdn_yangyimeng的博客
07-11 197
1. 利用ES6 Set去重（ES6中最常用） 2. 利用for嵌套for，然后splice去重（ES5中最常用） 双层循环，外层循环元素，内层循环时比较值。值相同时，则删去这个值。3. 利用indexOf去重 新建一个空的结果数组，for 循环原数组，判断结果数组是否存在当前元素，如果有相同的值则跳过，不相同则push进数组。4. 利用sort() 利用sort()排序方法，然后根据排序后的结果进行遍历及相邻元素比对。5. 利用includes 6. 利用filter 7. 利用M
js代码-日常练习数组和字符串
07-16
在JavaScript编程语言中，数组和字符串是两种非常基础且重要的数据结构。...总的来说，熟练掌握JavaScript中的数组和字符串操作是成为优秀开发者的基础，不断地练习和理解这些概念，将有助于提升编程技能。
Array-Cardio-:看看 JavaScript 控制台
08-04
`Array-Cardio`可能是一个练习项目，旨在帮助开发者熟悉JavaScript数组的各种操作和特性。在这个项目中，我们可能会涉及到数组的创建、访问、遍历、修改以及一些高级方法的使用。 首先，让我们来探讨一下JavaScript...
如何实现数组去重
weixin_55633731的博客
08-22 223
利用对象的 key 唯一 众所周知，对象的key不可重复，否则后者将覆盖前者。利用该特性，实现数组去重，遍历数组，将数组的每一项做为对象的key值。 <script> let arr = [1, 2, 2, 4, null, null, '3', 'abc', 3, 5, 4, 1, 2, 2, 4, null, null, '3', 'abc', 3, 5, 4] let map = new Map(); let newStr = []; for (l
数组去重的七种方法
c_x_m的博客
01-30 426
数组去重的六种方法
数组去重常见方法
ssk的博客
09-15 154
第一种两次循环遍历 let arr = [1, 1, 2, 2, 2, 3, 3, 3, 4, 4, 4, 4, 4, 5, 6, 6, 6, 6, 7, 7, 7, 8, 9, 9, 9, 9, 9, 9, ] arr.forEach((item, i) => { arr.forEach(e => { if (item === e) { arr.splice(i, 1) } }) }) //
运用indexOf()，数组去重。
YuKing_HONG的博客
02-20 329
数组去重 <script> //indexOf()如果返回-1，说明数组没有该元素 function nuique(arr){ var newArr=[]; for (var i=0;i< arr.length;i++){ if(newArr.indexOf(arr[i])===-1){ newArr.push(arr[i]);
学习js的第七天【选择排序，数组去重，字符串】
m0_68488342的博客
08-23 200
学习js的第七天【选择排序，数组去重，字符串】
怎样实现数组的去重
qq_52822043的博客
07-05 207
实现数组的去重
arr.indexOf(i)，检查数组是否存在相应字符串，不存在返回-1，存在返回对应位置下标
bigboy1010的博客
05-30 2688
应用实例 //存储商品id varids=[]; res.result.data.forEach(v=>{ //如果当前商品不存在，即不重复，则将当前商品id推进ids数组中 if(ids.indexOf(v.id)===-1){ ids.push(v.id); } }) ...
数组 去除重复元素 的三种方法
zm8454的博客
06-16 1万+
方法一： 两层for循环遍历：第一次遍历数组中的每一个元素 arr[i]第二层遍历数组当前元素后的所有元素 arr[j]，与当前元素相比较，若 == 当前元素，则删除arr[j]，并将循环回退一步（删除元素后，会发生变化） 方法二： 准备一个新空数组，将需要去重的数组进行遍历，判断新数组中是否有当前元素，若没有，这push到新数组中 方法三： 利用ES标准中的新类型SetSet类型的对象：是值不能重复的集合像Set类型对象中添加新值时，如果Set中没
indexOf的数组去重方法 -- JavaScript
abc6507的博客
03-21 1129
Javascript中的数组去重-indexof方法 数组去重：数组中存储重复的数值 如果数组是[1,1,1,1,1,2,2,2,2,2,2,3,3,3,3,3,3,4,4,4,4,5,5,5,5,5] 去重结果应该是：[1,2,3,4,5] 思路： 建立一个新的数组,将原始数值中的数值,向新的数组中写入 如果这个数值不存在于新的数组中,就执行写入,如果已经存在,就不写入 var arr = [1...
js 利用indexOf（）实现数组去重
qq_41238459的博客
04-21 275
indexOf() 数组去重 如果检索的结果没有匹配值,则返回 -1. 如果检索的结果匹配到,则返回 1. <script> var arr = [1,3,4,5,6,7,4,3,2,4,5,6,7,3,2]; function find(){ var newArr = []; for (var i = 0; i < arr.length; i++) ...
数组去除重复数据（去重）方法
日晞的博客
09-06 989
/ 这就是假如空数组里没有数组的数据时的判断。原理：遍历数组，看新的空数组有没有遍历的数，没有，就加入遍历的数；
axios传x-www-form-urlencoded传数组
最新发布
07-28
arrayParam: [1, 2, 3] // 数组参数 }; const formData = arrayToFormUrlEncoded(data); axios.post('your-api-endpoint', formData) .then(response => { console.log(response.data); }) .catch(error => {...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值