分享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实现放大镜效果
Sep 02 Javascript
javascript html实现网页版日历代码
Mar 08 Javascript
JS模拟简易滚动条效果代码(附demo源码)
Apr 05 Javascript
JS脚本实现动态给标签控件添加事件的方法
Jun 02 Javascript
利用JS实现数字增长
Jul 28 Javascript
jQuery子元素过滤选择器用法示例
Sep 09 Javascript
jquery.zclip轻量级复制失效问题
Jan 08 Javascript
Bootstrap组件之下拉菜单,多级菜单及按钮布局方法实例
May 25 Javascript
jQuery实现的简单手风琴效果示例
Aug 29 jQuery
AngularJs返回前一页面时刷新一次前面页面的方法
Oct 09 Javascript
详解一个基于套接字实现长连接的express
Mar 28 Javascript
Vue 路由间跳转和新开窗口的方式(query、params)
Dec 25 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删除xml文档内容的方法
2015/01/23 PHP
thinkphp5实现无限级分类
2019/02/18 PHP
javascript 禁止复制网页
2009/06/11 Javascript
10个基于Jquery的幻灯片插件教程
2010/10/29 Javascript
jQuery初学:find()方法及children方法的区别分析
2011/01/31 Javascript
Struts2的s:radio标签使用及用jquery添加change事件
2013/04/08 Javascript
PHP守护进程实例
2015/03/06 Javascript
JavaScript中关联原型链属性特性
2016/02/13 Javascript
基于Bootstrap重置输入框内容按钮插件
2016/05/12 Javascript
通过修改360抢票的刷新频率和突破8车次限制实现方法
2017/01/04 Javascript
vue使用keep-alive实现数据缓存不刷新
2017/10/21 Javascript
浅谈Webpack下多环境配置的思路
2018/06/27 Javascript
原生js实现移动端Touch轮播图的方法步骤
2019/01/03 Javascript
nest.js 使用express需要提供多个静态目录的操作方法
2019/10/24 Javascript
js对象属性名驼峰式转下划线的实例代码
2020/09/17 Javascript
[01:14:35]DOTA2上海特级锦标赛B组资格赛#1 Alliance VS Fnatic第一局
2016/02/26 DOTA
Python基础入门之seed()方法的使用
2015/05/15 Python
Python工程师面试题 与Python Web相关
2016/01/14 Python
Python3.6通过自带的urllib通过get或post方法请求url的实例
2018/05/10 Python
python 将列表中的字符串连接成一个长路径的方法
2018/10/23 Python
Python数据可视化处理库PyEcharts柱状图,饼图,线性图,词云图常用实例详解
2020/02/10 Python
Python处理mysql特殊字符的问题
2020/03/02 Python
is_file和file_exists效率比较
2021/03/14 PHP
HTML5 Canvas 旋转风车绘制
2017/08/18 HTML / CSS
美国在线自行车商店:Jenson USA
2018/05/22 全球购物
King Apparel官网:英国街头服饰品牌
2019/09/05 全球购物
Burt’s Bees英国官网:世界领先的天然个人护理品牌
2020/08/17 全球购物
.NET常见笔试题集
2012/12/01 面试题
大学生毕业自我鉴定
2013/11/06 职场文书
现金会计岗位职责
2013/12/05 职场文书
求职信名称怎么写
2014/05/26 职场文书
普通话演讲稿
2014/09/03 职场文书
2014年环境卫生工作总结
2014/11/24 职场文书
工人先锋号申报材料
2014/12/29 职场文书
采购员岗位职责范本
2015/04/07 职场文书
关于党风廉政建设宣传教育月的活动总结!
2019/08/08 职场文书