JavaScript基础知识之方法汇总结


Posted in Javascript onJanuary 24, 2016

数组的方法:

array.concat 一个数组去连接另一个数组,返回一个合成数组。var arrC=arrA.concat(arrB,'asd','sad',true,1.5);
array.join 将数组用指定符号连接为一个字符串,并返回这个字符串。比用+快很多。var strA=arrA.join(",");//默认为逗号
array.pop 移除数组最后一个元素,并返回这个元素.var A=arrA.pop();
array.push 将一个或多个参数附加到数组的尾部,并返回一个新长度值。arrA.push("asd");
array.shift 移除数组的第一个元素,并返回这个元素。它比pop慢得多,原因我想应该就是这仅仅只是一个伪数组,删除第一个要将所有的元素往前推一格。var A=arrA.shift();
array.unshift 讲一个或多个参数附加到数组的头部。arrA.unshift("asd");
array.reverse 反转数组里元素的顺序。var arrB=arrA.reverse();
array.slice 对数组做一段浅复制。然后赋值两个下标之间的数组,返回一个新的数组。var arrB=arrA.slice(0,3);//将第0,1,2个元素取出,后面的3也可以不填
array.sort 对数组中的内容进行排序。arrA.sort();//默认会吧元素都转化为字符串并进行比较。当然也可以将一个比较函数作为参数传进去
arrA.sort(function(a,b){
return a-b;
});
array.splice 从数组中移除一个或者多个元素,并用新的元素替代它们。var arrB=arrA.splice(0,3,'asd','ads');//移除从下标0开始的3个元素,并用后面两个元素进行替换

函数的方法:

function.apply 调用函数,传递一个被绑定到this之上的对象,和一个可选的数组作为参数数组。

数字的方法:

number.toExponential 将这个数字转换为一个指数形式的字符串。Math.PI.toExponential(2);//3.14e+0
number.toFixed 将这个数字转换为一个十进制数形式的字符串。Math.PI.toFixed(2);//3.14,保留两位小数
number.toPrecision 将这个数字转换为一个十进制数形式的字符串。Math.PI.toPrecision(2);//3.1,保留两个有效数字
number.toString 将这个数字转换为一个字符串。Math.PI.toString(2);//这里的2表示进制,而不是精度

对象的方法:

object.hasOwnProperty 判断对象是否包含一个以指定字符串命名的属性

正则表达式的方法:

regexp.exec
如果成功匹配,会返回一个数组。下标0会返回匹配的原字符串,1~后面返回的是分组1~捕获的文本。
如果带有g标识(全局标识),那么查找不是从字符串开始的位置开始,而是从regexp.lastIndex开始。如果匹配成功,那么会设置regexp.lastIndex为匹配成功的字符串第一个字符的位置,否则重置为0。
regexp.test 如果成功匹配,返回true,否则false

字符串的方法:

string.charAt 返回在字符串中指定位置处的字符
string.charCodeAt 返回在字符串中指定位置处的字符的ASCII码值
string.concat 将其它字符串连接到一起,返回一个新的合成字符串。实际上用+更方便,且更直观。
string.indexOf 在此字符串中查找指定的另外一个字符串,如果找到了,就返回第一个找到的字符串的位置,否则返回-1."asdasd".indexOf("sd",2);//值为4,2表示从第3个字符开始查找
string.lastIndexOf 这个与上面的相似,只不过是从字符串尾部开始查找
string.localeCompare 比较两个字符串。strA.localeCompare(strB);//结果也是返回正数,负数,零,你懂的
string.replace 对一个字符串进行查找并替换的操作,并返回新的字符串(以下名字标红的方法,都是可以应用正则表达式的)

常规方法:

'asdasd'.replace('as','d');//结果为ddasd,replace只会替换第一次的出现位置。

正则表达式方法:

加g标识匹配多次,不加匹配一次

var regExp=/ee(asd\d{0,3})/g;//加g标识匹配多次,不加匹配一次
var p='eeasd1323'.replace(regExp,'$1end');//结果为eeasd1323end
//'$1end'的位置也可以放一个函数,每次匹配到会运行这个函数,然后用函数的返回值替换,这里就不举栗子了
'$1end'这个东西的解释是这样的:
$$:表示$这个符号
$&: 表示$&整个匹配到的文本
$number:表示分组捕获到的文本,比如上面的$1就是捕获分组1捕捉到的文本
$`:匹配之前的文本
$':匹配之后的文本
string.match 让一个字符串和一个正则表达式匹配。它依据g标识来决定如何进行匹配。
如果没有g标识,匹配结果与regexp.exec效果一样
如果有,那么会生成一个包含所有匹配(除捕获分组之外这个括号里的搞不懂什么意思,明明就匹配了所有的)的数组
string.search 与indexof相似,只是接收一个正则表达式匹配而已。此方法忽略g标识。
string.split 将字符串分割来创建一个字符串数组。此方法忽略g标识。
一般的玩法
var digits='0123456789';
var arr=digits.split('',5);//5表示得到的数组顶多五个元素,多余的去掉
//结果为['0','1','2','3','4']
正则表达式的玩法
var text='troy ,123 , good ';
var d=text.split(/\s*,\s*/);//前面讲过\s表示unicode各种空字符,然后所以匹配的分隔符就是包含空字符的逗号,这样就自动去掉空字符了,好强大
//但是有特例哦,来自分组捕获的文本会被包含在分割后的字符,所以我个人建议那就别用分组捕获好了,在这里没必要
string.slice 复制字符串的一部分来构造一个新的字符串
string.substring 与slice效果一样,只是不能使用负数下标。没有任何理由使用substring而不是slice(作者说的)。其实是有的,比如字面意思上我就知道什么意思了。
string.toLowerCase 返回一个全部小写化的新字符串。
string.toLocaleLowerCase 同上,土耳其语专用,所以你就当看不见好了
string.toUpperCase 返回一个全部大写化的新字符串。
string.toLocaleUpperCase 同上,土耳其语专用,所以你就当看不见好了
String.fromCharCode 看好哦,string是大写哦。所以不是在字符串后面调用,而是用String调用。根据一串数字编码返回一个字符串。(我相信你基本上用不到的)

Javascript 相关文章推荐
ECMAScript 创建自己的js类库
Nov 22 Javascript
用js的document.write输出的广告无阻塞加载的方法
Jun 05 Javascript
JS实现用户注册时获取短信验证码和倒计时功能
Oct 27 Javascript
AngularJs定时器$interval 和 $timeout详解
May 25 Javascript
vue webuploader 文件上传组件开发
Sep 23 Javascript
Three.js利用性能插件stats实现性能监听的方法
Sep 25 Javascript
浅谈webpack组织模块的原理
Mar 10 Javascript
浅谈node中的cluster集群
Jun 02 Javascript
vue如何限制只能输入正负数及小数
Jul 04 Javascript
ionic+html5+API实现双击返回键退出应用
Sep 17 Javascript
JavaScript Event Loop相关原理解析
Jun 10 Javascript
简单聊聊Vue中的计算属性和属性侦听
Oct 05 Vue.js
Javascript实现单例模式
Jan 24 #Javascript
原生JavaScript实现滚动条效果
Mar 24 #Javascript
AngularJS中如何使用$http对MongoLab数据表进行增删改查
Jan 23 #Javascript
jQuery Form 表单提交插件之formSerialize,fieldSerialize,fieldValue,resetForm,clearForm,clearFields的应用
Jan 23 #Javascript
jQuery form插件之ajaxForm()和ajaxSubmit()的可选参数项对象
Jan 23 #Javascript
jQuery form插件之formDdata参数校验表单及验证后提交
Jan 23 #Javascript
AngularJS中监视Scope变量以及外部调用Scope方法
Jan 23 #Javascript
You might like
php CI框架插入一条或多条sql记录示例
2014/07/29 PHP
php实现session自定义会话处理器的方法
2015/01/27 PHP
PHP中list()函数用法实例简析
2016/01/08 PHP
PHP abstract 抽象类定义与用法示例
2018/05/29 PHP
PHP如何解决微信文章图片防盗链
2020/12/09 PHP
利用jQuery 实现GridView异步排序、分页的代码
2010/02/06 Javascript
javaScript call 函数的用法说明
2010/04/09 Javascript
jquery.boxy插件的iframe扩展代码
2010/07/02 Javascript
Javascript中找到子元素在父元素内相对位置的代码
2012/07/21 Javascript
jquery实现metro效果示例代码
2013/09/06 Javascript
JS正则验证邮箱的格式详细介绍
2013/11/19 Javascript
jQuery实现的简单提示信息插件
2015/12/08 Javascript
基于JavaScript Array数组方法(新手必看篇)
2016/08/20 Javascript
jquery.validate表单验证插件使用详解
2017/06/21 jQuery
Angular 2父子组件数据传递之@Input和@Output详解(下)
2017/07/05 Javascript
解决ie11 SCRIPT5011:不能执行已释放Script的代码问题
2019/05/05 Javascript
详解钉钉小程序组件之自定义模态框(弹窗封装实现)
2020/03/07 Javascript
vue element实现表格合并行数据
2020/11/30 Vue.js
编写Python爬虫抓取暴走漫画上gif图片的实例分享
2016/04/20 Python
Python列表解析配合if else的方法
2018/06/23 Python
解决pycharm安装后代码区不能编辑的问题
2018/10/28 Python
Python字符串的一些操作方法总结
2019/06/10 Python
PyCharm-错误-找不到指定文件python.exe的解决方法
2019/07/01 Python
python有序查找算法 二分法实例解析
2020/02/18 Python
python 在threading中如何处理主进程和子线程的关系
2020/04/25 Python
python批量生成条形码的示例
2020/10/10 Python
python爬虫中抓取指数的实例讲解
2020/12/01 Python
Python使用cn2an实现中文数字与阿拉伯数字的相互转换
2021/03/02 Python
CSS3毛玻璃效果(blur)有白边问题的解决方法
2016/11/15 HTML / CSS
英国航空官网:British Airways
2016/09/11 全球购物
公司寄语大全
2014/04/10 职场文书
法定代表人授权委托书范本
2014/10/07 职场文书
医学专业大学生职业生涯规划书
2014/10/25 职场文书
爱情保证书
2015/01/17 职场文书
语文教师个人工作总结
2015/02/06 职场文书
应急管理工作总结2015
2015/05/04 职场文书