Javascript中String、Array常用方法介绍

  string和array作为javascript内置对象,其中许多方法无论是在开发过程中,还是在面试的时候都有机会被面试官问到,这里对经常用到的方法做一个介绍,这些方法都有过很多的实际应用场景,所以对它们的掌握还是非常有必要的。

1、Array数组常用方法?

  先创建一个数组var abc = [1,2,3,4,5,6,7,8,9];

  (1)pop(); 这个方法会删除数组的最后一项并返回删除掉的值。

    比如:console.log(abc.pop());//9;    console.log(abc); //[1,2,3,4,5,6,7,8];

  (2)push(); 这个方法会往数组的最后面添加一个值并返回掉值。

    比如:console.log(abc.push(10));//10;    console.log(abc); //[1,2,3,4,5,6,7,8,9,10];

  (3)shift(); 这个方法会删除数组的第一项并返回删除掉的值。

    比如:console.log(abc.shift());//1;    console.log(abc); //[2,3,4,5,6,7,8,9];

  (4)unshift(); 这个方法会在数组的第一项前添加一个值并返回数组的长度。

    比如:console.log(abc.unshift(0));//10;    console.log(abc); //[0,1,2,3,4,5,6,7,8,9];

  (5)reverse(); 反转数组顺序。

    比如:abc.reverse(); console.log(abc); // [9,8,7,6,5,4,3,2,1];

  (6)sort(); 数组排序,不过是按照字符串的方式来排序。

    比如: var abb = [0,1,5,10,15]; abb.sort(); console.log(abb); //[0,1,10,15,5];

  (7)concat(); 该方法可以基与当前数组中的所有项创建一个新数组。

    比如:var colors = ["red","blue","yellow"];  var colors2 = colors.concat("black","orange");  //["red", "blue", "yellow", "black", "orange"];

  (8)slice();该方法可以理解为截取数组,接受2个参数,只填一个参数代表从该位置截取到最后,填两个参数代表要截取的头和尾的位置,但是取头不取尾。

  比如:var colors = ["red", "blue", "yellow", "black", "orange"];

      colors.slice(1);//["blue", "yellow", "black", "orange"];

      colors.slice(1,3);//["blue", "yellow"];

  (9)splice(); splice是数组当中最强大的方法了,其用法用很多。

    删除:可以删除任意数量的项,只需要指定2个参数。例如splice(0,2);会删除数组中的前面两项。

    插入:可以向指定的位置插入任意数量的项,比如:splice(2,0,"red”,"blue”)会从数组的第二个位置开始添加red和blue两项。

    替换:可以删除指定的位置的项并插入任意数量的项,比如:splice(2,2,"red”,"blue”)会从数组的第二个位置删除两项并添加red和blue两项。

    splice()始终返回一个数组,该数组从原始数组中删除的项,没有的话就返回空数组。

  (10)indexOf(); 该方法用来检索某项数组出现的位置,出现多次的话只记录第一次出现的位置。

    比如:var abc = [1,2,3,4,5,6,7,8,9];  abc.indexOf(5);  //4;

    注:如果没有检索到值的话会返回-1;

    比如:var abc = [1,2,3,4,5,6,7,8,9];  abc.indexOf(-10);  //-1;

  (11)join();将数组转化为字符串,括号内标识连接的方式。

    比如:var abc = ["red","blue","green","yellow"];  abc.join("+");  //"red+blue+green+yellow";

2、String字符串常用方法?

  首先创一个字符串 var abc = “helloworld”;

  (1)charAt();该方法会返回对应位置所在的字符。

    比如:console.log(abc.charAt(1));  //e

  (2)concat(); 拼接字符串;

    比如 var a = "hello"; a.concat("world");  // helloworld;

  (3)slice(); 截取字符串;接受2个参数,只填一个参数代表从该位置截取到最后,填两个参数代表要截取的头和尾的位置,但是取头不取尾。

  (4)substring(); 截取字符串;接受2个参数,只填一个参数代表从该位置截取到最后,填两个参数代表要截取的头和尾的位置,但是取头不取尾。

   注:slice和substring的区别在于他们的参数为负数的时候,slice会把负数与字符串的长度相加,而substring会把负数转化为0。

   比如 var a = "hello"; a.slice(-3) = a.slice(2);  //llo;

      var a = "hello"; a.substring(-3) = a.substring(0);  //hello;

  (5)substr(); 截取字符串;接受2个参数,只填一个参数代表从该位置截取到最后,填两个参数代表要截取的开始位置和长度;

    比如 var a = “helloworld”; a.substr(3,7);  //代表截取字符串第三个位置开始截取7个字符串,故返回"loworld";

  (6)indexOf(); 该方法用来检索某个字符出现的位置。

  (7)toLocaleUpperCase(); 字符串转大写。

  (8)toLocaleLowerCase(); 字符串转小写。

  (9)split(); 切割字符串并放在一个数组中,括号内表示切割的标识。

    比如: var abc = "red,blue,green,yellow";  abc.split(",");  // ["red","blue","green","yellow"];

时间: 2024-10-23 08:18:04

Javascript中String、Array常用方法介绍的相关文章

Javascript中String的常用方法

String的常用方法 // length属性:获取字符串的字符个数. var s='爱像一阵风'; alert(s.length); // charAt(index)方法:获取指定索引位置的字符,索引从0开始 var s1='我不要再想你'; alert(s1.charAt(4));//想 // indexOf('e',startIndex)方法:获取指定字符串第一次出现的位置.startIndex表示从第几个开始搜索. var s2='后知过后觉又过了一个秋'; alert(s2.index

Javascript中String对象的常用方法

charAt(): 返回在指定位置的字符. charCodeAt(): 返回在指定的位置的字符的 Unicode 编码. var s = "Smile forever!"; s.charAt(2); //i s.charCodeAt(2); //105 concat(): 连接字符串,参数可以是多个字符串. var s1 = "Smile forever!"; var s2 = "extend"; s1.concat(s2); //Smile f

javascript中的Array对象的slice()、call()、apply()详解

来51cto已经很多年,就是没怎么写文字,今天来一篇介绍JS的,文章篇幅不是很大,大部分内容是我参考了别人的博客后经过自己理解,自己整理的.方便自己以后回顾知识.文中涉及到javascript中的Array对象的slice().call().apply(); slice()方法,在我之前做的项目中,有两种数据类型下用到过.第一种是string类型的,还有一种是Array对象: string对象的slice(): 定义和用法 slice() 方法可提取字符串的某个部分,并以新的字符串返回被提取的部

ExtJS学习-----------Ext.Array,ExtJS对javascript中的Array的扩展

关于ExtJS对javascript中的Array的扩展.能够參考其帮助文档,文档下载地址:http://download.csdn.net/detail/z1137730824/7748893 因为Array中的方法过多.将当中的部分方法设计实例进行学习.实例地址:http://blog.csdn.net/z1137730824/article/details/38797257 (1)Ext.Array中的方法 clean( Array array ) : Array 过滤掉数组里的空值,空值

浅谈JavaScript中数组操作常用方法

JavaScript中数组操作常用方法 1.检测数组 1)检测对象是否为数组,使用instanceof 操作符 if(value instanceof Array) { //对数组执行某些操作 } 2)获取对象的类型,比较是否为object类型(此方法只能检测是否为Object,不推荐) if(typeof(value)=="Object") { //对数组执行某些操作 } 3)检测对象是否为数组,使用Array.isArray()方法(只支持ie9+,firefox 4+,safar

JavaScript中的Array.prototype.slice.call()方法学习

JavaScript中的Array.prototype.slice.call(arguments)能将有length属性的对象转换为数组(特别注意: 这个对象一定要有length属性). 但有一个例外,IE下的节点集合它不能转换(因为IE下的dom对象是以com对象的形式实现,js对象和com对象不能进行转换) 首先,我们来看看JavaScript中的slice用法, 在JavaScript中Array是一个类,slice是此类中的一个方法,slice的中文意思是 '截取' 一个是String.

JavaScript中的Array和Map集合对象

JavaScript中的Array和Map集合对象 1.Array 用于在单个变量中存储多个值 创建 new Array(); new Array(size); new Array(element0, element1, ..., elementn); 长度 arr.length;设置或返回数组中元素的数目. 赋值 var arr = new Array(); arr[0] = '555'; arr[1] = '666'; 遍历 arr.forEach( function(a){ documen

java中String的常用方法

java中String的常用方法1.length() 字符串的长度 例:char chars[]={'a','b'.'c'}; String s=new String(chars); int len=s.length(); 2.charAt() 截取一个字符 例:char ch; ch="abc".charAt(1); 返回'b' 3. getChars() 截取多个字符 void getChars(int sourceStart,int sourceEnd,char target[]

JavaScript中String对象的match()、replace() 配合正则表达式使用

正则表达式由来已久,查找替换功能非常强大,但模板难记复杂. JavaScript中String对象的match().replace()这2个方法都要使用正则表达式的模板.当模板内容与字符串不相匹配时,match()返回null,replace()返回原字符串. 正则表达式的模板对象 //标准写法 regexp = new RegExp(pattern[, flag]); pattern: 模板的用法是关键,也是本章的主要内容. flag: "i"(ignore)."g&quo

JavaScript中String对象处理HTML标记中文本的方法

big():创建一个<big></big>标记,将这个字符串的字体变大blink():创建一个<blink></blink>标记,使字符串具有闪烁效果bold():创建一个<bold></bold>标记,使字符串加粗显示fixed():创建一个<tt></tt>标记,使字符串固定倾斜显示italics():创建一个<i></i>标记,使字符串以斜体显示small():创建一个<sm