数组方面

  1. push:向数组尾部增加内容,返回的是新数组的长度。

    var arr = [1,2,3];
    console.log(arr);
    var b = arr.push(4);
    console.log(b);
    console.log(arr);
    // [1, 2, 3]
    // 4 //表示当前数组长度
    // [1, 2, 3, 4]

      

    与之相反的是pop, 在结尾删除一个值,并返回删除的值。

    var arr = [1,2,3];
    console.log(arr);
    arr.pop();
    console.log(arr);
    // [1,2,3]
    //[1,2]

      

  2. unshift :向数组开头增加内容,返回新数组的长度。

    var c = arr.unshift(-1,0);
    console.log(arr);
    // [-1, 0, 1, 2, 3]

      

    与之相反的是shift,在开头删除一个值,并返回删除的值。

    var d = arr.shift();
    console.log(d);
    console.log(arr);
    // 1
    // [2, 3]

      

  3. toString:数组转化成字符串,原来的数组不变。

    console.log(arr);
    arr = arr.toString();
    console.log(arr);
    // [1,2,3]
    //'1,2,3' 而不是'123'

      

  4. concat:数组的拼接,参数可以是数组也可以一个接一个,原来的数组不变。

    var arr = [1,2,3];
    var b = arr.concat([1,2,3]);
    console.log(b);
    //[1,2,3,1,2,3]

      

  5. join:(分隔符),每一项拿出来用指定的分隔符分开,不带参数默认为",",原来的数组不变。

    var arr = [1,2,3];
    var b = arr.join("");
    console.log(b);
    //"123"

      

  6. splice 和 slice
    splice(x,y,z) 从x开始清除长度为y的元素,并用z替换。z类似于item1, ..., itemX这样。原来的数组改变。

    var arr = [1,2,3];
    arr.splice(0,1,"");
    console.log(arr);
    // '["",2,3]'

      

    当不写第三个数的时候,相当于删除功能!当第二个为0时,相当于添加功能!

    • 详解
    • 删除时,两个参数,第一个是开始位置,第二个是删除长度。
    • 插入时,三个参数,第一个是插入位置(在之前插入),第二个是0,第三个是插入的内容。
    • 替换时,三个参数,第一个是开始位置,第二个是删除长度,第三个是替换的内容
      slice(x,y) :从x到y(不包括),并把新的内容作为新的数组返回。原来的数组不变。

      var b = arr.slice(0,1);
      // [1]

        

  7. reverse: 将原来的数组倒过来排序,原来的数组改变。

    var arr = [1,2,3];
    arr.reverse();
    console.log(arr);
    // [3,2,1]

      

  8. sort:排序,可以实现由小到大,由大到小。基本的只能处理10以内,要额外的处理。原来的数组改变。

    var arr = [1,3,2,50,23];
    arr.sort(function(a,b) {return a - b ;}); //从小到大
    console.log(arr);
    // [1,2,3,23,50]
    // 更换a和b的顺序,就是从大到小。
    //也可以这样。
    [{name:"张三",age:30},{name:"李四",age:24},{name:"王五",age:28}].sort(function(o1,o2){returno1.age-o2.age;})
    // [{name: "李四",age: 24 },{name: "王五",age: 28},{name: "张三",age: 30 }]

      

  9. 再类似于forEach、filter、map、reduce等。

字符串

  1. charAt: 返回字符串的给定位置的字符串。

    var arr = 'abcdefg';
    console.log(arr.length);
    console.log(arr.charAt(1));
    console.log(arr[1]);
    // 7
    // b
    // b

      

  2. concat: 连接2个字符串。原来的不变。

    var b = arr.concat("abc");
    console.log(b);
    // "abcdefgcde"

      

  3. substring、substr、slice 都可省略第二个参数,表示持续到字符串结束。
    substring(x,y) 返回从x到y(不包括y) 位置颠倒时,互换。

    var s = arr.substring(1,3);
    console.log(s);
    // "bc"

      

    substr(x,y) 返回从x开始的长度为y的字符串

    var s = arr.substr(1,3);
    console.log(s);
    // "bcd"

      

    slice(x,y) 返回从x到y(不包括y) 位置颠倒时,结果为空字符串

    var s = arr.slice(1,3);
    console.log(s);
    var s = arr.slice(3,1);
    console.log(s);
    // bc
    // ""

      

  4. trim : 去除两端的空格,不影响之前的字符串

    var arr = '  abcdefg     ';
    var a = arr.trim();
    console.log(a);
    //abcdefg

      

    半角全角空格、中英文空格、tab键一招根除。

  5. toLowerCase 、toUpperCase :转为大小写,原来的不变。

    var b = arr.toUpperCase();
    console.log(b);
    //"ABCDEFG"

      

  6. indexOf、lastIndexOf,确定一个字符串在另一个字符串中的第一次出现的位置,一个从头部开始,一个从尾部开始。

    var arr = 'abccba';
    var b = arr.indexOf('b');
    console.log(b);
    // 1
    var c = arr.lastIndexOf('c');
    console.log(c);
    // 3

      

    它们还可以接受第二个参数,对于indexOf,表示从该位置开始向后匹配;对于lastIndexOf,表示从该位置起向前匹配。

  7. split 将separate作为切割字符,结果存在一个字符串中。

    var arr = 'a b c c b a';
    var b = arr.split(' ');
    console.log(b);
    // ["a", "b", "c", "c", "b", "a"]

      

    为空时,相当于字符串转为了数组。
    - - --

    补充:

  • 数字:
    toFixed() 保留小数,结果是字符串类型的!!。

    var a = 1.1212;
    console.log(a.toFixed(2));
    // 1.12

      

  • parseInt 和 parseFloat

    var a = 024;
    console.log(parseInt(a,10));
    // 24

      

  • 字符串转数字 parseInt
  • 数字转字符 toString or 数字 + ""

js数组、字符串常用方法的更多相关文章

  1. JS数组array常用方法

    JS数组array常用方法 1.检测数组 1)检测对象是否为数组,使用instanceof 操作符 if(value instanceof Array) { //对数组执行某些操作 } 2)获取对象的 ...

  2. js数组,字符串,json互相转换函数有哪些

    js数组,字符串,json互相转换函数有哪些 一.总结 一句话总结: JSON.stringify(arr) JSON.parse(jsonString) str.split('') array.jo ...

  3. js数据类型以及数组字符串常用方法

    JS判断数据类型 例子: var a = "iamstring."; var b = 222; var c= [1,2,3]; var d = new Date(); var e ...

  4. js 数组的常用方法归纳

    数组的常用方法归纳 slice(start,end) 传参:start代表从哪里开始截取,end代表截取结束的地方 var a = [1,2,3]a.slice(1);//[2,3] pop() 可以 ...

  5. js数组去重常用方法

    js数组去重是面试中经常会碰到的问题,无论是前端还是node.js数组常见的有两种形式,一种是数组各元素均为基本数据类型,常见的为数组字符串格式,形如['a','b','c'];一种是数组各元素不定, ...

  6. js数组的常用方法(10种)

    数组的常用方法 数组在JavaScript中经常使用,如何对数组进行增删改非常重要,下面为数组的常用方法: 在数组末尾插入元素 arr.push(value),在数组的末尾添加一个或多个元素,并返回数 ...

  7. js数组&&字符串&&定时器2

    一.系统时间对象Date 方法 描述 Date() 返回当日的日期和时间. getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31). getDay() 从 Date 对象返回一周 ...

  8. JS 数组Array常用方法

    参考网站: http://www.jb51.net/article/60502.htm,作者:junjie 今天在使用js切割字符串"浙江,江苏 , 天津,"...这样字符串的时候 ...

  9. js 数组的常用方法

    pop,push,reverse,shift,sort,splice,unshift 会改变原数组 join,concat,indexOf,lastIndexOf,slice,toString 不会改 ...

  10. JS数组操作常用方法

    toString():把数组转换成一个字符串 toLocaleString():把数组转换成一个字符串 join():把数组转换成一个用符号连接的字符串 shift():将数组头部的一个元素移出 un ...

随机推荐

  1. Ba Gua Zhen

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=5544 学习链接:https://www.cnblogs.com/qscqesze/p/4902518. ...

  2. (转)网站速度优化技巧:Nginx设置js、css过期时间

    网站速度优化技巧:Nginx设置js.css过期时间 原文:http://www.webkaka.com/blog/archives/Nginx-set-the-expiration-time-for ...

  3. 读《NoSQL精粹》前三章有感

    现在NoSQL很流行,所以买了一本这方面的书,这本书虽然很薄 156页,但是感觉的确是大师的经验之谈,对于自己经验还是很少.无法能完全能心领神会,大师所说的,就像一个人说药苦,你没吃过.再听别人描述也 ...

  4. TOJ 4394 Rebuild Road

    描述 Once,in a kingdom,there are N cities.M roads have been buit such that from one city you can reach ...

  5. 在Unity中创建攻击Slot系统

    http://www.manew.com/thread-109310-1-1.html 马上注册,结交更多好友,享用更多功能,让你轻松玩转社区. 您需要 登录 才可以下载或查看,没有帐号?注册帐号  ...

  6. RabbitMQ学习整理

    1.什么是消息队列? 概念: 消息队列(Message Queue,简称MQ),本质是个队列,FIFO先入先出,只不过队列中存放的内容是一些Message. 2.为什么要用消息队列,应用场景? 不同系 ...

  7. JVM 类加载全过程

    类加载机制 - JVM把class文件加载到内存中 并对数据进行 校验,解析,初始化,最终形成JVM可以直接使用的java类型的过程 详细过程  加载→ 验证→ 准备→ 解析 → 初始化→ 使用 → ...

  8. React.js 小书 Lesson15 - 实战分析:评论功能(二)

    作者:胡子大哈 原文链接:http://huziketang.com/books/react/lesson15 转载请注明出处,保留原文链接和作者信息. 上一节我们构建了基本的代码框架,现在开始完善其 ...

  9. [转]Session and application state in ASP.NET Core

    本文转自:https://docs.microsoft.com/en-us/aspnet/core/fundamentals/app-state By Rick Anderson and Steve ...

  10. 前端路由vue-router介绍

    一.前端路由vue-router介绍 Vue-Router 是 Vue.js 官方的路由管理器.它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌.包含的功能有: 嵌套的路由/视图表 模 ...