原生js实例对象方法
Array中的方法
☞ toString() // 把数组转换为字符串,使用逗号分隔
☞ valueOf() // 返回数组对象本身
☞ 栈方法(先进后出)
ary.push() // 该方法有一个返回值,表示数组最新的长度,该方法中可以设置多个参数
ary.pop() //返回数组中最后一个字,且会修改数组的长度
☞ 队列方法(先进先出)
ary.shift() //取出数组中的第一个元素,修改数组的长度
ary.unshift(number) //在数组中最开始位置添加一个值
☞ 排序方法
ary.reverse() // 翻转数组
ary.sort() //数组排序 默认是从字符编码排序的
备注:
自定义排序规则:
function compare (a, b) {
//升序排列
return a-b;
}
function compare1 (a, b) {
//降序排列
return b-a;
}
☞ 其他方法汇总
◆ concat() //把两个数组拼接到一块,返回一个新数组
◆ slice(startindex, endindex) //从当前数组中截取一个新的数组
✔ 第一个参数表示开始索引位置,第二个参数代表结束索引位置
◆ splice(startindex, deletCont, options) //删除或者替换数组中的某些值
✔ 第一个参数代表从哪开始删除
✔ 第二个参数代表一共删除几个
✔ 第三个参数代表要替换的值
◆ indexOf(content[,index]),lastIndexof() //没找到返回-1
✔ 找数组中的某个值,如果找到返回索引位置,如果没有找到返回-1
✔ lastIndexof() 从数组的末尾开始找,如果找到,返回索引位置,如果没有找到返回-1
◆ Join() //将数组中的每一个元素通过一个字符链接到一块
◆ 数组遍历
filter(function(item,index, ary) {}) //返回一个新数组,可以获取赛选结果
map(function(item,index,ary) {}) //遍历数组,返回一个新数组
forEach(function(item,index, ary) {}) //遍历数组,没有返回值
String中的方法
☞ 字符方法
1. charAt(index) //获取指定位置处的字符
2. str[index] //获取指定位置的字符 (H5中的方法)
☞ 字符串方法
1. concat() //拼接字符串 等效于 +
2. slice(strat,end) //从指定位置开始,截取字符串到结束位置,end值取不到
3. substring(start,end) //从指定位置开始,截取字符串到结束位置, end值取不到
4. substr(start,length) //从指定位置开始,截取length长度个字符
☞ 位置方法
1. indexOf(字符) //返回字符在字符串中的位置
2. lastIndexOf(字符) //从后往前找,只找第一个匹配的字符
☞ 去除空白
trim() //只能去除字符串前后空白
☞ 大小写转换法
toLocaleUpperCase() //转化为大写
toLocaleLowerCase() //转化为小写
☞其他
replace(a,b) // 用b替换a
split() // 以一个分割符,将一个字符串串分割成一个数组
Data对象中的方法
☞ 日期格式化方法
var d = new Date();
d.toString(); //转化成字符串
d.toDateString(); //转换成日期字符串
d.toTimeString(); //转换成时间字符串
(*) d.toLocaleDateString(); //返回本地的日期格式 (不同浏览器不同效果)
(*)d.toLocaleTimeString(); //返回本地的时间格式 (不同浏览器不同效果)
☞ 获取日期其他部分(熟练掌握)
d.getSeconds() //获取秒
d.getMinutes() //获取分钟
d.getHours() //获取小时
d.getDay() //返回周几 (0表示周日)
d.getDate() //返回当前月的第几天
d.getMonth() //返回月份 (从0开始)
d.getFullYear() //返回年份
原生js实例对象方法的更多相关文章
- 原生JS实现new方法、new一个对象发生的四部、new里面常用的优先级
一.js中new一个对象的过程 首先了解new做了什么,使用new关键字调用函数(new ClassA(…))的具体步骤: 1.创建一个新对象: var obj = {}; 2.设置新对象的const ...
- 原生JS事件绑定方法以及jQuery绑定事件方法bind、live、on、delegate的区别
一.原生JS事件绑定方法: 1.通过HTML属性进行事件处理函数的绑定如: <a href="#" onclick="f()"> 2.通过JavaS ...
- 原生JS中apply()方法的一个值得注意的用法
今天在学习vue.js的render时,遇到需要重复构造多个同类型对象的问题,在这里发现原生JS中apply()方法的一个特殊的用法: var ary = Array.apply(null, { &q ...
- 原生JS添加节点方法与jQuery添加节点方法的比较及总结
一.首先构建一个简单布局,来供下边讲解使用 1.HTML部分代码: <div id="div1">div1</div> <div id="d ...
- 原生Js 两种方法实现页面关键字高亮显示
原生Js 两种方法实现页面关键字高亮显示 上网看了看别人写的,不是兼容问题就是代码繁琐,自己琢磨了一下用两种方法都可以实现,各有利弊. 方法一 依靠正则表达式修改 1.获取obj的html2.统一替换 ...
- 【CSS进阶】原生JS getComputedStyle等方法解析
最近一直在研读 jQuery 源码,初看源码一头雾水毫无头绪,真正静下心来细看写的真是精妙,让你感叹代码之美. 其结构明晰,高内聚.低耦合,兼具优秀的性能与便利的扩展性,在浏览器的兼容性(功能缺陷.渐 ...
- vue.js实例对象+组件树
vue的实例对象 首先用js的new关键字实例化一个vue el: vue组件或对象装载在页面的位置,可通过id或class或标签名 template: 装载的内容.HTML代码/包含指令或者其他组件 ...
- 原生JS封装ajax方法
http://blog.sucaijiayuan.com/article/89 jquery框架的ajax方法固然好用,但是假如某天我们的项目不能引入jquery或项目需求很简单,没有很多交互功能,只 ...
- 转载 -- 基于原生JS与OC方法互相调用并传值(附HTML代码)
最近项目里面有有个商品活动界面,要与web端传值,将用户在网页点击的商品id 传给客户端,也就是js交互,其实再说明白一点就是方法的互相调用而已. 本文叙述下如何进行原生的JavaScript交互 本 ...
随机推荐
- 有趣的8个IT冷知识
阅读本文大概需要 2.8 分钟. 想要成为一名成功的程序员,我们除了了解不同编程语言的设计思路,也应当了解编程的发展历史,从而判断未来的编程技术将走向何方.接下就为大家普及下计算机发展历程中的8个冷门 ...
- Python一行代码实现快速排序
上期文章排序算法——(2)Python实现十大常用排序算法为大家介绍了十大常用排序算法的前五种(冒泡.选择.插入.希尔.归并),因为快速排序的重要性,所以今天将单独为大家介绍一下快速排序! 一.算法介 ...
- SpringBoot SpEL表达式注入漏洞-分析与复现
目录 0x00前言 0x01触发原因 0x02调试分析 0x03补丁分析 0x04参考文章 影响版本: 1.1.0-1.1.12 1.2.0-1.2.7 1.3.0 修复方案:升至1.3.1或以上版本 ...
- 基于ITextSharp插件在ASP.NET MVC中将图表导出为PDF
样本: 在这个示例中,我们使用的是微软给我们提供的数据库,也就是家喻户晓的Northwind数据库.要下载Microsoft的免费样本Northwind数据库,您需要访问以下URL.下载Northwi ...
- 『Zap Möbius反演』
Zap Description FGD正在破解一段密码,他需要回答很多类似的问题:对于给定的整数a,b和d,有多少正整数对x,y,满足x<=a ,y<=b,并且gcd(x,y)=d.作为F ...
- 你真的理解 Spring Boot 项目中的 parent 吗?
前面和大伙聊了 Spring Boot 项目的三种创建方式,这三种创建方式,无论是哪一种,创建成功后,pom.xml 坐标文件中都有如下一段引用: <parent> <groupId ...
- 中小研发团队架构实践之生产环境诊断工具WinDbg
生产环境偶尔会出现一些异常问题,WinDbg或GDB是解决此类问题的利器.调试工具WinDbg如同医生的听诊器,是系统生病时做问题诊断的逆向分析工具,Dump文件类似于飞机的黑匣子,记录着生产环境程序 ...
- 《k8s-1.13版本源码分析》-调度优选
源码分析系列文章已经开源到github,地址如下: github:https://github.com/farmer-hutao/k8s-source-code-analysis gitbook:ht ...
- 第二周Python学习笔记
分支结构: ① 单分支结构: 非常简单,if 条件语句,如果为true 则输出结果.否则不输出结果 ② 二分支结构: 条件结果为true则执行语句1,否则就执行语句2 If <条件>: ...
- vmware P2V迁移域内windows服务器脱域问题
windows 域服务器采用vmware converter进行物理机转换为虚拟机,需要在完成后进行退域重新加域操作. 否则,有可能会出现服务器在30天后脱域情况.出现脱域情况,可以通过退域加域的方式 ...