数组方面

  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. (转)SSH批量分发管理&非交互式expect

    目录 1 SSH批量分发管理 1.1 测试环境 1.2 批量管理步骤 1.3 批量分发管理实例 1.3.1 利用sudo提权来实现没有权限的用户拷贝 1.3.2 利用sudo提权开发管理脚本 1.3. ...

  2. 解决引入外部文件(图片、js等)出现 403 net::ERR_ABORTED 的问题

    页面中引入外网的链接资源,会产生一个新的http请求.为了安全(URL里可能包含用户信息),浏览器一般都会给这写请求头加上表示来源的referrer 字段. 所以,此时我们需要隐藏外部链接中的refe ...

  3. Windows加密技术概述

    Windows加密是安全体系的重要基础和组成部分.现代CPU的保护模式是系统安全的硬件基石,基于CPU硬件的特权分级,Windows让自身的关键系统代码运行在高处理器特权级的内核模式,各种应用程序则运 ...

  4. 结合manage.py,在flask项目中使用websocket模块--- flask-socketio

    前言:       - 为什么我要使用 flask-socketio模块,而不是flask-sockets?       - 因为flask-socketio与前端流行的websocket库socke ...

  5. 操蛋的Django model------select_related() 主要用于一对一和一对多

    实例: 创建表,表都是一对一,一对多 class Province(models.Model): name = models.CharField(max_length=10) class City(m ...

  6. jQuery前端数据通用验证库,解放你的双手

    这个简易的验证库,应该能完成90%的基本验证,包括失去焦点时的验证,以及点击提交按钮时的验证.后端的那我就无能为办了,只能是谁用就谁自个儿去写了:). 先上一段调用的代码吧,JS代码说少也不少了,就不 ...

  7. 上下文(Context)和作用域(Scope)

    函数的每次调用都有与之紧密相关的作用域和上下文.从根本上来说,作用域是基于函数的,而上下文是基于对象的. 换句话说,作用域涉及到所被调用函数中的变量访问,并且不同的调用场景是不一样的.上下文始终是th ...

  8. mfc自动创建按钮消息处理并清除

        以前参加一次面试有这道题,当时没有网络没有做出来,今天在网上整理了一下,实现如下. .h中增加下面代码     //生成的消息映射函数     virtual BOOL OnInitDialo ...

  9. 20_AOP_Advice增强1(前置、后置、环绕)

    [增强的类型] 1.前置增强:org.springframework.aop.BeforeAdvice. 由于Spring只支持方法级别的增强,所以MethodBeforeAdvice是目前可用的前置 ...

  10. Struts2项目问题及解决方式

    1.  问题描述如图: 问题解释:意思就是execute()方法写错了. 问题解决: 改正: