数组方面

  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. 队列同步器AbstractQueuedSynchronizer

    AQS是用来构建锁或者其它同步组件的基础框架,它使用一个int变量来表示同步状态,通过内置的FIFO队列来完成获取线程的排队工作,concurrent包的作者Doug Lea期望它能称为实现大部分同步 ...

  2. 8086实时时钟实验(二)——《x86汇编语言:从实模式到保护模式》读书笔记06

    上次我们说了代码,这次我们说说怎样看到实验结果. 首先编译源文件(我的源文件就在当前路径下,a盘和c盘在上一级目录下): nasm -f bin c08_mbr.asm -o c08_mbr.bin ...

  3. TCP-Java--图谱

  4. 在SourceTree中使用Git submodule

    在開發的過程中我們的項目可能會引用其他的版本庫中的代碼, 例如公司已經累積了一套公用的函式庫, 被多個項目調用;  很顯然地, 不能把公用函式庫的文件直接放到我們開發中的項目中, 這樣不但項目的冗餘, ...

  5. JavaScript对象 原型

    javascript对象就是一组数据和功能的集合,除原始类型(string.number.boolean.null.undefined)之外,其余都是对象. 可以通过对象直接量(字面量).new.和O ...

  6. 对SNMP4J的一些封装

    SNMP4J是一个开源的,用Java实现的snmp协议.其中提供了一下API,在这些API上面封装了一些方法,比如SNMP的get-request请求,get-next-request请求等 如果不了 ...

  7. BAT的java面试题

    公司:国内三巨头其中的一家!面试时间约在1月份左右!基本上都是在晚上,所以不影响白天上班! 一面 一面偏架构方面 1.介绍一下自己,讲讲项目经历 2.你们项目中微服务是怎么划分的,划分粒度怎么确定? ...

  8. vuex深入浅出

    本文主要记录使用vuex的使用场景.重要组成部分和学习心得. 1.说在前面 学习vue有两周的时间了,目前已经对vue的基础使用比较熟悉了.但是一直对vuex的使用耿耿于怀,这么说是因为总是不太理解, ...

  9. mui 窗体切换

    手机实现窗体切换 1.在5+环境下(即H5app) 先初始化: mui.init({ subpages:[{ url:"page1.html",//子页面HTML地址,支持本地地址 ...

  10. Spring应用开发常见规范

    1.Spring应用开发常见包命名规范 controller:控制器 service:服务-接口 impl:服务-实现 integration sao:调用其他模块的,把feign的调用放到这个下面 ...