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"];
Javascript中String、Array常用方法介绍的更多相关文章
- javaScript 中String的常用方法
1.length() 字符串的长度 例:char chars[]={'a','b'.'c'}; String s=new String(chars); int len=s.length(); 2.ch ...
- JavaScript中数组Array方法详解
ECMAScript 3在Array.prototype中定义了一些很有用的操作数组的函数,这意味着这些函数作为任何数组的方法都是可用的. 1.Array.join()方法 Array.join()方 ...
- JavaScript中数组操作常用方法
JavaScript中数组操作常用方法 1.检测数组 1)检测对象是否为数组,使用instanceof 操作符 if(value instanceof Array) { //对数组执行某些操作 } 2 ...
- ExtJS学习-----------Ext.Array,ExtJS对javascript中的Array的扩展
关于ExtJS对javascript中的Array的扩展.能够參考其帮助文档,文档下载地址:http://download.csdn.net/detail/z1137730824/7748893 因为 ...
- JavaScript中的Array.prototype.slice.call()方法学习
JavaScript中的Array.prototype.slice.call(arguments)能将有length属性的对象转换为数组(特别注意: 这个对象一定要有length属性). 但有一个例外 ...
- java中String的常用方法
java中String的常用方法1.length() 字符串的长度 例:char chars[]={'a','b'.'c'}; String s=new String(chars); int len= ...
- JavaScript中String对象的match()、replace() 配合正则表达式使用
正则表达式由来已久,查找替换功能非常强大,但模板难记复杂. JavaScript中String对象的match().replace()这2个方法都要使用正则表达式的模板.当模板内容与字符串不相匹配时, ...
- Java中String的常用方法总结
Java中String的常用方法总结 1.length()字符串的长度 String str="HelloWord"; System.out.println(str.length( ...
- Javascript中的Array(数组) 、{}(映射) 与JSON解析
做网页总会使用javascript,使用javascript总会使用JSON.最近用到一下,就写写. 下面是总结: 1.将javascript中的Array和{}转化为json字符串可以使用json2 ...
随机推荐
- Objective-C 字典、可变字典
字典相当于c++ stl中的map 字典NSDictionary #import <UIKit/UIKit.h> #import "AppDelegate.h" int ...
- Objective-C set/get方法
主要内容set get方法的使用 关键字 @property 全自动生成set get方法 // 类的声名 @interface People : NSObject{ int _age; // 成员变 ...
- MFC多线程编的可能
1. 之所以是“可能”,因为这里有个重点就是临时对象是HWND操作的封装,不是窗口类的封装.因此所有的HWND临时对象都是CWnd的实例,即使上面强行转换为CAbcDialog*也依旧是CWnd*,所 ...
- JS+css滑动菜单简单实现
JS+css滑动菜单 制作一个简单的滑动菜单,当鼠标指向菜单标题时,滑出二级菜单.移开时二级菜单隐藏.目标很简单,实践时有一些细节需要注意,比如鼠标移向二级菜单的 过程中,二级菜单消失了.还有定位出错 ...
- 织梦dedecms5.7后台进去就卡死解决方法
症状:进入dede后台点击菜单后,浏览器进入假死状态要等好久才能反应过来. 解决方式:1.打开后台目录dede/templets/ 2.找到index_body.htm文件中的第25行至第35行部分屏 ...
- Core Data (一)备
序 恩,用Core Data也有一段时间了.大大小小的坑也都坑过了.重来没有认真的记录一次.这次需要好好的理一理Core Data.就当一次绝好的机会记录下来.也为了自己加深认识. 为什么要用Core ...
- Block(二)内存管理与其他特性
一.block放在哪里 我们针对不同情况来讨论block的存放位置: 1.栈和堆 以下情况中的block位于堆中: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 ...
- HDU 4405 Aeroplane chess(期望)
题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=4405 题意:从0走到n,每次走之前掷一次筛子,掷出几点就向前走几点,走到大于等于n的地方就停止.但是, ...
- linux awk 使用
awk是linux下的一个命令,他对其他命令的输出,对文件的处理都十分强大,其实他更像一门编程语言,他可以自定义变量,有条件语句,有循环,有数组,有正则,有函数等.他读取输出,或者文件的方式是一行,一 ...
- grok 添加字段
filter { grok { match =>[ "message","%{IPORHOST:clientip} \[%{HTTPDATE:time}\] \&q ...