分享Javascript实用方法二


Posted in Javascript onDecember 13, 2015

JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。

承接上一篇,

Object

keys

object的keys方法能够获取一个给定对象的所有键(key/属性名)并以数组的形式返回。这个方法可以用于键的筛选、匹配等。

var basket = {
strawberry: 12,
banana: 20,
apple: 30,
juice: 20
};
console.log(Object.keys(basket)); 
//[ 'strawberry', 'banana', 'apple', 'juice' ]

create

create方法用于创建一个新的对象,可选参数(proto, [ propertiesObject ]),第一个为原型,比如Array.prototype之类的,第二个为需要给新建对象的一些新属性之类的,这个参数对象的属性名将是新建对象的属性,值则是属性描述符(value、writable、configurable等)。

var o = Object.create({}, {p: {value: 42}});
var O = Object.create({}, {p: {value: 66, writable: true, enumerable: true}});
console.log(o.p); //42
console.log(O.p); //66
o.p = 20;
O.p = 80;
console.log(o.p); //42
console.log(O.p); //80

属性描述符中writable默认为false,因此o.p即便在后来重新赋值也是不能改变其值的,而O.p则能够在后来改变值,此外,create方法proto必须传入相应参数,否则会报错TypeError,当然以上代码在严格模式下也会报错,因为o.p被重写- -

assign

assign方法,es6的新特性,支持传参(target, …sources),用于将任意多个源对象的键值对添加的目标对象,类似于lodash的assign和underscore的extendOwn方法。

var boy = {handsome: true, rich: true}, girl = {cute: true, hair: 'long'};
var couples = Object.assign({}, boy, girl);
console.log(couples); //{ handsome: true, rich: true, cute: true, hair: 'long' }

assign方法常用于框架层面的数据处理,比如你定义了一个client用于发送HTTP请求,使用的时候获取接受到的参数之外自己可能得加上什么默认的属性。

Number

isNaN

Number的isNaN方法用来判断传入值是否是NaN的值,与全局的isNaN方法不同的是它不会强制将传入参数转化为数字类型,只有在参数是真正的数字类型,且值为 NaN 的时候才会返回 true。不过就自己而言全局的isNaN用的多一点,就用来判断字符串是不是只包含数字,

console.log(isNaN('123f')); //true
console.log(isNaN('123')); //true

此外,isFinite(value)方法用于判断传入参数是否是有穷数,isInteger(value)方法用于判断传入参数是否是整数。

toFixed

toFixed方法用来将数字转化为特定的字符串,支持传入参数(digits),0 < digits <= 20,在转换的时候会自动进行四舍五入以及0补充。

var cool = 666.666;
console.log(cool.toFixed(1)); //666.7
console.log(cool.toFixed(6)); //666.666000

这段时间发生了很多事情,从待了116天的杭州来到北京,开始一段新的工作与生活。不舍、惆怅、激动、兴奋等情绪交织缠绵…七匹狼,认识了其余六狼,很珍惜这段大家一起努力一起嗨皮的日子,尤记得夜爬宝石山,俯瞰西湖,English poor,哈哈哈…

ps:javascript split() 定义和用法

split() 方法用于把一个字符串分割成字符串数组。

语法

stringObject.split(separator,howmany)

参数 描述
separator 必需。字符串或正则表达式,从该参数指定的地方分割 stringObject。
howmany 可选。该参数可指定返回的数组的最大长度。如果设置了该参数,返回的子串不会多于这个参数指定的数组。如果没有设置该参数,整个字符串都会被分割,不考虑它的长度。
Javascript 相关文章推荐
jquery键盘事件使用介绍
Nov 01 Javascript
JS数学函数Exp使用说明
Aug 09 Javascript
JavaScript获取并更改input标签name属性的方法
Jul 02 Javascript
Jquery中request和request.form和request.querystring的区别
Nov 26 Javascript
jquery easyui validatebox remote的使用详解
Nov 09 Javascript
工厂模式在JS中的实践
Jan 18 Javascript
JavaScript基础之AJAX简单的小demo
Jan 29 Javascript
详解angularJS自定义指令间的相互交互
Jul 05 Javascript
layui 实现加载动画以及非真实加载进度的方法
Sep 23 Javascript
详解如何在JS代码中消灭for循环
Dec 11 Javascript
微信小程序实现多选框全选与反全选及购物车中删除选中的商品功能
Dec 17 Javascript
解决vux 中popup 组件Mask 遮罩在最上层的问题
Nov 03 Javascript
JavaScript判断按钮被点击的方法
Dec 13 #Javascript
jquery插件uploadify实现带进度条的文件批量上传
Dec 13 #Javascript
JavaScript代码判断点击第几个按钮
Dec 13 #Javascript
JavaScript模块化开发之SeaJS
Dec 13 #Javascript
node.js require() 源码解读
Dec 13 #Javascript
JavaScript 模块的循环加载实现方法
Dec 13 #Javascript
javascript日期验证之输入日期大于等于当前日期
Dec 13 #Javascript
You might like
php+mysql实现无限级分类 | 树型显示分类关系
2006/11/19 PHP
php异常处理技术,顶级异常处理器
2012/06/13 PHP
Zend studio文件注释模板设置方法
2013/09/29 PHP
php生成图片缩略图功能示例
2017/02/22 PHP
PHP批量修改文件名称的方法分析
2017/02/27 PHP
PHP中的empty、isset、isnull的区别与使用实例
2019/03/22 PHP
document.all的一个比较完整的总结及案例
2013/01/31 Javascript
js控制容器隐藏出现防止样式变化的两种方法
2014/04/25 Javascript
js实现的类似于asp数据字典的数据类型代码实例
2014/09/03 Javascript
JS对象与json字符串格式转换实例
2014/10/28 Javascript
javascript中的altKey 和 Event属性大全
2015/11/06 Javascript
jQuery ajax全局函数处理session过期后的ajax跳转问题
2016/06/03 Javascript
原生js实现自由拖拽弹窗代码demo
2016/06/29 Javascript
移动端js触摸事件详解
2016/09/18 Javascript
深入理解jquery中的each用法
2016/12/14 Javascript
js代码编写无缝轮播图
2020/09/13 Javascript
vue iview 隐藏Table组件里的某一列操作
2020/11/13 Javascript
原生JS实现音乐播放器的示例代码
2021/02/25 Javascript
[07:47]DOTA2国际邀请赛采访专栏:探访Valve总部
2013/08/08 DOTA
[42:24]完美世界DOTA2联赛循环赛 LBZS vs DM BO2第一场 11.01
2020/11/02 DOTA
一则python3的简单爬虫代码
2014/05/26 Python
Python设置Socket代理及实现远程摄像头控制的例子
2015/11/13 Python
python爬取网页转换为PDF文件
2018/06/07 Python
解决tensorflow1.x版本加载saver.restore目录报错的问题
2018/07/26 Python
Django3中的自定义用户模型实例详解
2020/08/23 Python
python在linux环境下安装skimage的示例代码
2020/10/14 Python
用css3制作纸张效果(外翻卷角)
2013/02/01 HTML / CSS
阿玛尼化妆品美国官网:Giorgio Armani Beauty
2017/02/02 全球购物
实习自荐信
2013/10/13 职场文书
电子商务专业推荐信范文
2013/12/02 职场文书
职业技术学校毕业生推荐信
2013/12/03 职场文书
作风建设演讲稿
2014/05/23 职场文书
四大名著读书笔记
2015/06/25 职场文书
干部培训简讯
2015/07/20 职场文书
python实现学员管理系统(面向对象版)
2022/06/05 Python
Win11 PC上的Outlook搜索错误怎么办?
2022/07/15 数码科技