JS数组八

最新推荐文章于 2024-07-20 23:54:17 发布

米白蓝

最新推荐文章于 2024-07-20 23:54:17 发布

阅读量74

点赞数

分类专栏： js 文章标签： javascript

本文链接：https://blog.csdn.net/qq_50563868/article/details/123792449

版权

js 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

<!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>
  <script>
    var arr1 = new Array();
    console.log(arr1);
    console.log(typeof arr1);
    arr1[0] = 'name';
    arr1[1] = 33;
    arr1[arr1.length] = 11;
    arr1[arr1.length] = 11;
    console.log(arr1);
    var arr2 = [10];
    var arr3 = new Array(10);
    console.log(arr2);
    console.log(arr3);
    var result = arr1.push('沙参','kimi')
    console.log(arr1);
    console.log(result);
    var result1 = arr1.pop();
    console.log(arr1);
    console.log(result1);
    arr1.unshift('第一个','第二个')
    console.log(arr1);
    arr1.shift();
    console.log(arr1);

    function Person(name, age) {
      this.name = name;
      this.age = age;
    }
    var per1 = new Person('王五', 18);
    var per2 = new Person('张三', 28);
    var per3 = new Person('李四', 13);
    var per4 = new Person('隔壁', 55);
    
    var getArr = [per1, per2, per3, per4]
    function getAdout(arr) {
      var newArr = []
      for(var i = 0; i < arr.length; i++) {
        if(arr[i].age >= 18) {
          newArr.push(arr[i])
        }
        
      }
      return newArr;
    }
    var result = getAdout(getArr)
    console.log(result);
    arr1.forEach(function(value, index, arr) {
      console.log(value, index, arr);
    })
    var result = arr1.slice(1, -3)
    console.log(result);
    var result2 = arr1.splice(1,2,'我是第一个新插入的元素', '我是第二个新插入的元素');
    console.log(arr1);
    console.log(result2);
    // 数组去重
    console.log('----------------------');
    var arr = [1,2,2,5,3,7,5,5,8,8]
    for(var i = 0; i < arr.length; i++) {
      console.log(arr[i]);
      for(var j= i+1; j < arr.length; j++) {
        // console.log(arr[j]);
        if(arr[i] == arr[j]) {
          arr.splice(j, 1) 
          j--;
        }
      }
    }
    console.log(arr);
     var result3 = arr.concat(arr1, arr2, '我是新元素')
     console.log(result3);
     result4 = arr1.join('+');
     console.log(result4);
     console.log(typeof result4);
     var result5 = arr1.reverse();
     console.log(result5);
     var result6 = arr.sort(function(a,b) {
       return b-a;
     })
     console.log(result6);
  </script>
  
</body>
</html>

数组也是一个对象（内建对象）；
它和普通对象功能类似，也是用来存储一些值的对象；
普通对象是使用字符串当做属性名；数组时使用索引号来操作数组；
typeof检查数组时Object；
添加元素：数组[索引] = 值；读取：数组[索引]，如果没有则undefined；
使用length属性修改数组长度，会在后面添加空格或者删除多出的元素；
数组[数组.length]添加元素，就会永远添加在数组的最后一位；
数组的字面量：[];使用字面量创建的在中括号里写内容是添加元素，使用构造函数（new Array(10)）创建的数组在里面写数字是表示长度；
数组中也可以放对象、函数和数组；
数组的方法：
- push():可以向数组的末尾使用参数的形式添加一个或多个元素，并返回数组的新长度；
- pop():调用一次删除一次数组的最后一个元素，并且将删除的元素作为返回值返回；
- unshift():向数组的开头添加一个或多个元素，并且返回数组的长度；
- shift():删除数组的第一个元素，并且将删除的数组作为返回值；
- forEach():遍历数组；只支持ie8以上；使用一个函数作为参数，函数调用时浏览器调用的，称为回调函数，数组中有几个元素，函数就会执行几次，每次执行时，浏览器会将遍历到的元素以实参的形式传递进来，我们可以定义形参来读取；浏览器会传递三个参数：1.正在遍历的元素；2.当前遍历元素的索引；3.正在遍历的数组；
- slice(start, end):从数组中提取出指定的元素；参数为截取开始和结束位置的索引；结束索引元素不包括，不会改变元素组，会返回一个新数组；索引可以为负值，表示从后往前，第二个参数可以不用写，表示后面全部；
- splice():删除指定的元素，参数索引号，第一个是从哪个开始删除，第二个是表示删除几个，第三个及以上参数可以写信元素，表示将元素插入到删除掉元素的位置；会影响到原数组，将指定索引元素从原数组中删除掉，并且返回删除的元素；
- concat():连接两个或多个数组，并且返回新数组，不会对原数组产生影响；参数不仅可以穿数组，还可以传元素，连接到后面；arr.concat(arr1,arr2,‘参数’, ‘参数’)
- join():将数组内元素全部转换为字符串用逗号连接起来；可以指定一个参数作为连接符连接数组中的元素（默认为逗号）；
- reverse():将数组反转过来，会改变原数组；
- sort():可以将数组进行排序（默认是按照Unicode编码来排序）；会影响原来的数组；可以自己指定排序规则，添加一个参数，回调函数，函数需要定义两个参数；浏览器会分别使用数组中的元素作为实参去调用函数；浏览器会根据回调函数的返回值来决定排序；1.返回大于0的值，元素交换位置；2.返回小于0的值，元素位置不变；3.返回0，两元素相等，元素位置不变；

米白蓝

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS数组八

<!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&lt
复制链接

扫一扫