zoukankan      html  css  js  c++  java
  • 工作期间总结的JavaScript数组和字符串常用方法

    Array  和  String  常用方法
     
    • Array 常用方法 
    <script type="text/javascript">
    var arr = ["a", "b", "c", "1", "2", "3"];
    //栈(LIFO)方法: push 和 pop
    //队列(FIFO)方法: push 和 shift
     
    push
    //在数组的末尾增加一个或多个元素,并返回数组的新长度。
    console.log(arr.push("x", "x", "x")); // 9
    arr.push([2]); // [2] 会被当作一项 即:arr[6] 是 [2]
     
    pop
    //删除数组的最后一个元素,并返回这个元素。
    console.log(arr.pop()); // 3
     
    unshift
    //在数组的开头添加一个或者多个元素,并返回数组新的 length 值。
    console.log(arr.unshift());
     
    shift
    //删除数组的 第一个 元素,并返回这个元素。
    console.log(arr.shift()); // a
     
    join
    //将数组中的所有元素连接成一个字符串。
    console.log(arr.join()); // a,b,c,1,2,3
     
    concat
    //将传入的数组或非数组值与原数组合并,组成一个新的数组并返回
    console.log(arr.concat(0, 9)); // ["a", "b", "c", "1", "2", "3", 0, 9]
    console.log(arr.concat([0, 9])); // ["a", "b", "c", "1", "2", "3", 0, 9]
    console.log(arr.concat([[9]])); // ["a", "b", "c", "1", "2", "3", 0, [9]]
     
    sort
    //对数组的元素做原地的排序,并返回这个数组。
    arr = [2, 0, 1, 6];
    console.log(arr.sort()); // [0, 1, 2, 6]
    arr.sort(function(a, b) {
      console.log(a + " - " + b);
      // return a - b; // 从小到大
      return b - a; // 从大到小
    });
    console.log(arr);
     
    slice
    //把数组中一部分的 浅复制 存入一个新的数组对象中,并返回这个新的数组
    arr = [{a: 9}];
    var ret = arr.slice(0, 1);
    console.log(ret); // [{a: 9}]
    ret[0].a = 10;
    console.log(arr[0].a); // 10
     
    splice
    //用新元素替换旧元素,以此修改数组的内容。
    //参数:
    //第一个参数:表示开始位置
    //第二个参数:长度
    //剩余参数: 要添加到数组中的元素
    console.log(arr.splice(3, 3)); // ["1", "2", "3"]
    arr.splice(3, 0, "x", "x")
    console.log(arr);
     
    reverse
    //将数组进行翻转,返回新的数组
    console.log(arr.reverse ()); //["3","2","1","c","b","a"];
    </script>
     
     
    • String  常用方法
    <script type="text/javascript">
    var str = "abc123def666";
    //charAt() 方法返回字符串中指定位置的字符。
    //参数:index
    console.log(str.charAt(6)); // d
     
    //indexOf() 方法返回 指定值 在字符串对象中首次出现的位置。
    //从 fromIndex 位置开始查找,如果不存在,则返回 -1。
    //注意:区分大小写
    console.log(str.indexOf("123")); // 3
    console.log(str.indexOf("123", 2)); // 3
     
    //正则方法
    search
    //执行一个查找,看该字符串对象与一个正则表达式是否匹配。
    console.log(str.search("1")); // 3
    console.log(str.search(/[0-9]/)); // 3
     
    replace
    被用来在正则表达式和字符串直接比较,然后用新的子串来替换被匹配的子串。
    console.log(str.replace("1", "-one-"));
    console.log(str.replace(/d/, "-one-"));
     
    match
    //当字符串匹配到正则表达式(regular expression)时,
    //match() 方法会提取匹配项。
    console.log(str.match(/d+/)); // ["123", index: 3, input: "abc123def666"]
     
    split
    //通过把字符串分割成子字符串来把一个 String 对象分割成一个字符串数组。
    console.log(str.split("1")); // ["abc", "23def666"]
     
    slice
    //提取字符串中的一部分,并返回这个新的字符串
    //获取索引号为1,2,3的字符串,即[1, 4)
    console.log(str.slice(1, 4)); // bc1
     
    substr
    //方法返回字符串中从指定位置开始到指定长度的子字符串。
    //开始位置 和 长度
    console.log(str.substr(3, 3)); // 123
     
    substring
    //返回字符串两个索引之间(或到字符串末尾)的子串。
    //开始位置 和 结束位置
    console.log(str.substring(3, 6)); // 123
     
    trim()
    //删除一个字符串两端的空白字符
    str = " abc123 def666 ";
    console.log("|" + str.trim() + "|"); // |abc123 def666|
     
    toLowerCase()
    //将调用该方法的字符串值转为小写形式,并返回。
    console.log(str.toLowerCase()); // abc123def666
     
    toUpperCase()
    //将字符串转换成大写并返回。
    console.log(str.toUpperCase()); // ABC123DEF666
    </script>
  • 相关阅读:
    2018-2-26 php、mysql数据库制作简单的商城购物车
    2018-2-8 租房信息的增删改和搜索
    2018-2-6 留言板的制作
    ztree连接数据库问题总结
    织梦cms
    MySQLDB.class.php
    类和对象
    构造、析构;重写;设计模式;单例;抽象;重载
    类、面向对象、类的继承
    css 区块与盒子模型
  • 原文地址:https://www.cnblogs.com/maweibaba/p/5988342.html
Copyright © 2011-2022 走看看