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实例对象方法的更多相关文章

  1. 原生JS实现new方法、new一个对象发生的四部、new里面常用的优先级

    一.js中new一个对象的过程 首先了解new做了什么,使用new关键字调用函数(new ClassA(…))的具体步骤: 1.创建一个新对象: var obj = {}; 2.设置新对象的const ...

  2. 原生JS事件绑定方法以及jQuery绑定事件方法bind、live、on、delegate的区别

    一.原生JS事件绑定方法: 1.通过HTML属性进行事件处理函数的绑定如: <a href="#" onclick="f()"> 2.通过JavaS ...

  3. 原生JS中apply()方法的一个值得注意的用法

    今天在学习vue.js的render时,遇到需要重复构造多个同类型对象的问题,在这里发现原生JS中apply()方法的一个特殊的用法: var ary = Array.apply(null, { &q ...

  4. 原生JS添加节点方法与jQuery添加节点方法的比较及总结

    一.首先构建一个简单布局,来供下边讲解使用 1.HTML部分代码: <div id="div1">div1</div> <div id="d ...

  5. 原生Js 两种方法实现页面关键字高亮显示

    原生Js 两种方法实现页面关键字高亮显示 上网看了看别人写的,不是兼容问题就是代码繁琐,自己琢磨了一下用两种方法都可以实现,各有利弊. 方法一 依靠正则表达式修改 1.获取obj的html2.统一替换 ...

  6. 【CSS进阶】原生JS getComputedStyle等方法解析

    最近一直在研读 jQuery 源码,初看源码一头雾水毫无头绪,真正静下心来细看写的真是精妙,让你感叹代码之美. 其结构明晰,高内聚.低耦合,兼具优秀的性能与便利的扩展性,在浏览器的兼容性(功能缺陷.渐 ...

  7. vue.js实例对象+组件树

    vue的实例对象 首先用js的new关键字实例化一个vue el: vue组件或对象装载在页面的位置,可通过id或class或标签名 template: 装载的内容.HTML代码/包含指令或者其他组件 ...

  8. 原生JS封装ajax方法

    http://blog.sucaijiayuan.com/article/89 jquery框架的ajax方法固然好用,但是假如某天我们的项目不能引入jquery或项目需求很简单,没有很多交互功能,只 ...

  9. 转载 -- 基于原生JS与OC方法互相调用并传值(附HTML代码)

    最近项目里面有有个商品活动界面,要与web端传值,将用户在网页点击的商品id 传给客户端,也就是js交互,其实再说明白一点就是方法的互相调用而已. 本文叙述下如何进行原生的JavaScript交互 本 ...

随机推荐

  1. wGenerator代码生成工具

    由来 以前一直用window系列的操作系统,有不少可以用的代码生成工具,如:动软的代码生成器(.net),可以自定义模板,然后按需生成代码.后来用mac系统,发现好像没有什么太好用的生成工具,所以自己 ...

  2. 在已有的Asp.net MVC项目中引入Taurus.MVC

    Taurus.MVC是一个优秀的框架,如果要应用到已有的Asp.net MVC项目中,需要修改一下. 1.前提约定: 走Taurus.MVC必须指定后缀.如.api 2.原项目修改如下: web.co ...

  3. 六大设计原则(一)SRP单一职责原则

    单一职责原则SRP(Single reponsibility principle) BO(Business Object):业务对象 Biz(Business Logic):业务逻辑 SRP最简单的例 ...

  4. arcgis画矢量图

    总图 首先建立目标文件夹和目标文件(shp文件) 现在H:\ex_gis\下新建test文件夹,起名为test,再此目录下建立一个线要素文件. 在这里选择要素类型.这里以线为例,点面类推即可. 设置坐 ...

  5. 如何检测或判断一个文件或字节流(无BOM)是什么编码类型

    前言: 昨天,在文章:终于等到你:CYQ.Data V5系列 (ORM数据层,支持.NET Core)最新版本开源了 中, 不小心看到一条留言: 然后就去该地址看了一下,这一看,顺带折腾了一天. 今天 ...

  6. ASP.NET的版本?

    问题源于这么一本书: <ASP.NET 4 解密(卷1)>,这本书大约是六七年前买的了,根据其名字,它讲述的是ASP.NET 4,那么ASP.NET现在究竟是什么版本?与.NET Fram ...

  7. Java相关资料分享(视频+电子书籍)

    正所谓“授人以鱼不如授人以渔”,你们想要的Java学习资料来啦!不管你是学生,还是已经步入职场的同行,希望你们都要珍惜眼前的学习机会,奋斗没有终点,知识永不过时. 关注底下的公众号,获取百度网盘提取码 ...

  8. F#正则表达式

    此词法分析器允许您使用F#计算表达式以非常声明的方式定义基于正则表达式的规则. F# 打开 Lexer 让 定义= lexerDefinitions { 做!addNextlineDefinition ...

  9. 重新发现MATLAB

    现场编辑 创建不仅捕获代码的脚本 - 它们讲述了可以与他人共享的故事.自动化的上下文提示可让您在编程时快速移动,并将结果和可视化与代码一起显示. 学到更多 访问MATLAB实时脚本库         ...

  10. perl学习笔记--搭建开发环境

    windows下perl开发环境搭建 perl下载地址:http://www.activestate.com/developer-tools 各个插件的安装方法:(通过代理上网的方法) 方法一:pad ...