• JavaScript学习笔记四——数组对象

    目录

    一、数组对象

    1、数组的使用

    2、数组元素的增加和删除

    3、数组排序 

    4、数组索引

    5、数组去重

    二、求某字符的位置及次数

    三、根据位置返回字符

    一、数组对象

    1、数组的使用

    1. //利用new创建数组
    2. var arr=new Array()   //创建空数组
    3.  
    4. //利用数组字面量创建数组
    5. var arr=[]        //创建空数组
    6. var arr1=[1,2,'哈哈哈',true]
    7.  
    8. // 获取数组元素
    9.  
    10. console.log(arr1[2])

    2、数组元素的增加和删除

    1、push()      在数组末尾添加一个或多个数组元素  

    2、unshift()        在数组开头添加一个/多个数组元素

    3、shift()        删除数组的第一个元素

    4、pop()        删除数组的最后一个元素

    1.    //1.push() 在数组末尾添加一个或多个数组元素
    2.         var arr = [1, 2, 4]
    3.         arr.push(3, 'xhh')
    4.         console.log(arr);
    5.         console.log(arr.push(4));//返回新数组的长度
    6.  
    7.         //2.unshift 数组开头添加一个/多个数组元素
    8.         arr.unshift('pink');
    9.         console.log(arr);
    10.         //3.pop 删除数组最后一个数组元素
    11.         arr.pop()
    12.         console.log(arr);
    13.         console.log(arr.pop());
    14.         //4.shift 删除数组的第一个元素
    15.         arr.shift('tt')
    16.         console.log(arr);
    17.         console.log(arr.shift());

    3、数组排序 

    方法说明
    reverse()颠倒数组中元素的顺序，无参数
    sort()对数组的元素进行排序
    1.  var arr = ['hh', 23, 520, 'blue']
    2.         arr.reverse();
    3.         console.log(arr);
    4.         var arr1 = [1, 4, 6, 10, 3, 5, 20]
    5.         arr1.sort()
    6.         console.log(arr1);
    7.         arr1.sort(function (a, b) {
    8.             return a - b;
    9.         })
    10.         console.log(arr1);

    4、数组索引

    1、indexof（）        返回数组元素的索引号

            （1）只返回第一个满足条件的索引号

            （2）如果元素在数组里找不到，则返回-1

    2、lastindexof（）    从后面开始查找，返回结果的索引号    

    1.         var arr = ['hh', 23, 520, 'blue', 520, 5201]
    2.  console.log(arr.indexOf(52));
    3.         console.log(arr.indexOf(520));
    4.  console.log(arr.lastIndexOf(520));

    5、数组去重

    1.   //数组去重
    2.         function unique(arr) {
    3.             var newArr = [];
    4.             for (var i = 0; i < arr.length; i++) {
    5.                 if (newArr.indexOf(arr[i]) === -1) {
    6.                     newArr.push(arr[i])
    7.                 }
    8.             }
    9.             return newArr;
    10.         }
    11.         var demo = unique(['c', 'b', 'c', 'x', 'e', 'b', 'a'])
    12.         console.log(demo);

     

    二、求某字符的位置及次数

    案列展示：求o在字符串中的位置和次数

    1. html>
    2. <html lang="en">
    3.  
    4. <head>
    5.     <meta charset="UTF-8">
    6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
    7.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    8.     <title>Documenttitle>
    9. head>
    10.  
    11. <body>
    12.     <script>
    13.         // 求'O'出现的位置及次数
    14.         var arr = "abcoefoxyozzopp";
    15.         var index = arr.indexOf('o');
    16.         var num = 0;
    17.         var indexStr = '';
    18.         while (index != -1) {
    19.             console.log(index);//这步可以省去
    20.             indexStr += index + ',';
    21.             num++;
    22.             index = arr.indexOf('o', index + 1);
    23.         }
    24.         console.log("o出现的位置有" + indexStr);
    25.         console.log("o出现的次数为:" + num);
    26.  
    27.   script>
    28.  
    29. body>
    30.  
    31. html>

    案列二：求red在数组中的次数和位置，同理，所以以后如果遇到让我们求某字符的位置和次数都可以用这个模板，当然也可以有其他做法，这里我们采用的是用indexof索引的方法

    1. html>
    2. <html lang="en">
    3.  
    4. <head>
    5.     <meta charset="UTF-8">
    6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
    7.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    8.     <title>red位置和次数title>
    9. head>
    10.  
    11. <body>
    12.     <script>
    13.  
    14. //求red出现的位置和次数
    15.         var arr = ['red', 'blue', 'red', 'green', 'pink', 'red']
    16.         var index = arr.indexOf('red')
    17.         var num = 0;
    18.         var indexStr = ''
    19.         while (index != -1) {
    20.          
    21.             indexStr += index + ',';
    22.             num++;
    23.             index = arr.indexOf('red', index + 1)
    24.  
    25.         }
    26.         console.log('出现的位置' + indexStr);
    27.         console.log('red出现的次数是：' + num);
    28.  
    29.   script>
    30.  
    31. body>
    32.  
    33. html>

    三、根据位置返回字符

    有三种方法：

    1、charAt(idnex)        

    2、charCodeAt（index）

    3、str[index]  H5新增的

    1.      //根据位置返回字符
    2.         //1.charAt(index) 根据位置返回字符
    3.         var str = 'andy'
    4.         console.log(str.charAt(3));
    5.         //遍历所有字符
    6.         for (let i = 0; i < str.length; i++) {
    7.             console.log(str.charAt(i));
    8.         }
    9.  
    10.         //2.charCodeAt（index）返回相应索引号的字符ASCII码 目的：判断按下哪个键
    11.         console.log(str.charCodeAt(2));//d-100
    12.         //3.str[index]  H5新增的
    13.         console.log(str[0]);

    统计出现次数最多的字符-（来源黑马程序员）

    1.     var str = 'abcoefoxyozzopp'
    2.         var o = {}
    3.         for (var i = 0; i < str.length; i++) {
    4.             var chars = str.charAt(i)//chars是字符串中的每一个字符
    5.             if (o[chars]) {//得到的是属性值
    6.                 o[chars]++;
    7.             } else {
    8.                 o[chars] = 1
    9.             }
    10.         }
    11.         console.log(o);

     

    综合案列：【来源于黑马程序员】

    1. html>
    2. <html lang="en">
    3.  
    4. <head>
    5.     <meta charset="UTF-8">
    6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
    7.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    8.     <title>Documenttitle>
    9. head>
    10.  
    11. <body>
    12.     <script>
    13.         //根据位置返回字符
    14.         //1.charAt(index) 根据位置返回字符
    15.         var str = 'abaascdffggghhijkkgfddsssss3444343'
    16.  
    17.         var o = {}
    18.  
    19.         document.write('1.字符串的长度为：' + str.length + '
      '      );
    20.         document.write('2.取出指定位置的字符：')
    21.         for (var i = 0; i < str.length; i++) {
    22.             //取出0 3 5 9对应的字符
    23.             if (i == 0 | i == 3 | i == 5 | i == 9) {
    24.                 document.write(i + '位置的字符是：' + str[i] + ',')
    25.                 console.log(i + '位置的字符是：' + str[i]);
    26.             }
    27.             //生成o数组，形成o.[a-字符串]=?
    28.             var chars = str.charAt(i);
    29.  
    30.             if (o[chars]) {
    31.                 //用于判断o数组里是否存在chars元素，有的话就加1，没有就创建一个（这也说明它只出现了一次）
    32.                 o[chars]++;
    33.             } else {
    34.                 o[chars] = 1;
    35.             }
    36.         }
    37.  
    38.         document.write('
      '       + '3.是否存在以上字符串：i c b')
    39.         //判断icb是否存在字符串中，由于查找模式一样，所以我们可以采用函数的形式，以此简化代码
    40.         function look(x) {
    41.             if (str.indexOf(x) !== -1) {
    42.                 return x + '该字符存在！'
    43.             } else {
    44.                 return x + '该字符不存在！'
    45.             }
    46.         }
    47.         //调用函数并打印结果
    48.         var x = look('i')
    49.         var y = look('c')
    50.         var z = look('b')
    51.         console.log(x);
    52.         console.log(y);
    53.         console.log(z);
    54.         document.write(':' + x + y + z)
    55.         //替换指定的字符串，replace只能替换一次，借助循环
    56.         while (str.indexOf('g') !== -1) {
    57.  
    58.             str = str.replace('g', 22)
    59.         }
    60.         console.log(str);
    61.         while (str.indexOf('s') !== -1) {
    62.             str = str.replace('s', 'b')
    63.         }
    64.         console.log(str);
    65.         document.write('4.替换指定的字符串：' + str)
    66.         document.write('
      5.截取指定的字符1-5：'       + str.substr(1, 5))
    67.         console.log(o);
    68.         //找出字符串中出现最多的字符及次数
    69.         var max = 0;
    70.         var ch = '';
    71.         for (var k in o) {
    72.             if (o[k] > max) {
    73.                 max = o[k];
    74.                 ch = k
    75.             }
    76.         }
    77.         console.log('出现次数最多的是：' + max + '，最多的字符为：' + ch);
    78.         document.write('
      6.找出以上字符串中出现次数最多的字符以及次数：'       + ch + ' , ' + max)
    79.  
    80.     script>
    81.  
    82. body>
    83.  
    84. html>

     

  • 相关阅读:
    leetcode:188. 买卖股票的最佳时机IV
    Ngrok实现内网穿透
    什么是setInterval/setTimeout？
    Java SE 16 新增特性
    AcWing 258. 石头剪子布
    【C++STL基础入门】list的增、删
    用户管理系统(五)——删除用户
    Linux shell编程学习笔记22： () $() (()) 的用法小结
    fatal error C1083: 无法打开包括文件:“stdint.h”: No such file or directory
    Apache Shiro反序列化漏洞(Shiro550)
  • 原文地址：https://blog.csdn.net/ywforever/article/details/126726056