实习期间总结遇到的Javascript常用函数
Javascript常用函数
Array函数
forEach() 遍历数组
数组:arr
arr.forEach(回调函数,this) (this可选)
遍历数组,执行回调函数
push()
向数组添加新元素的最佳方法,也可以用length属性来添加:arr[arr.length]=“xxx”;
toString()
把元素用逗号分隔,形成一个字符串
join()
和toString()类似,可以自己规定分隔符:arr.join("*");
pop()
从数组删除最后一个元素,还可以获取被删除的这个的值:
var x =arr.pop();
push()
x向数组添加元素,还可以获取新数组的长度:
var x=arr.push(“xx”);
shift()
与push()等同,只是向首位置加入。会把首元素删除,其他往后位移。
返回的是被位移出的元素的字符串。unshift()则不会删除首元素,返回新数组的长度。
splice()
数组:arr=[“1”,“2”]
arr.splice(index,howmany,item,item2…)
index:必需。规定从何处添加/删除元素。该参数是开始插入和(或)删除的数组元素的下标,必须是数字。
howmany:可选。规定应该删除多少元素。必须是数字,但可以是 “0”。如果未规定此参数,则删除从 index 开始到原数组结尾的所有元素。
item:要添加的数组元素
添加:arr.splice(1,0,“23”)
- 删除:arr.splice(0,2) //第一个开始删除两个
concat()连接数组
连接数组,返回一个连接后的新数组
filter()
var ages = [32, 33, 16, 40];
function checkAdult(age) {
return age >= 18;
}
function myFunction() {
document.getElementById(“demo”).innerHTML = ages.filter(checkAdult);
}
//选择数组里元素大于等于18的。
checkAdult相对于function,必须的。是判断条件;
判断是否为数组
方案一:Array.isArray() //但是不支持老浏览器
方案二:创建自己的isArray():
function isArray(x){
return x.constructor.toString().indexOf(“Array”)>-1;
}
sort() 数组排序最强大的
默认按照字母顺序进行排序,但是对于数字来说行不通;
所以可以通过比值函数sort来进行数字的排序:例子:
//升序var points = [40,100,1,5,25];points.sort(function(a, b) { return a - b } );
降序用 return b-a
//随机排序
var points = [40,100,1,5,25];
points.sort(function(a,b){return 0,5 - Math.random()});
javaScript 不提供查找数组中最大或最小数组值的内建函数。
不过,在对数组进行排序之后,您能够使用索引来获得最高或最低值。但是销量低,建议直接使用数组的Math()的api
arr.Math().max;
indexOf()
在数组中搜索元素值,并返回其位置。
Array.lastIndexOf() 与 Array.indexOf() 类似,但是从数组结尾开始搜索
concat()
用于连接两个或多个数组
Number数值方法
toString() :数值返回字符串
toFixed() :返回字符串值,还包含指定保留多少小数位数
x.toFixed(0)
valueOf() :以数值返回数值(js中所有数据类型都有这个方法
Number()方法
parseInt()方法 :parenInt(“10 20 30”) //允许空格,只返回空格前第一个数值,如果空格前无数值则返回NaN
parseFloat() :类比parenInt
Object遍历函数
Object.keys(obj)
返回一个所有元素为字符串的数组,其元素来自于从给定的
object
上面可直接枚举的属性。(***简单来说,就是把obj的键名迭代进一个字符串数组。***)
Object.values()
而values返回的是objd 键值(对应键的值),也是迭代成数组。
Object.entries()
Object.entries方法返回一个数组,成员是参数对象自身的(不含继承的)所有可遍历(enumerable)属性的键值对数组。
const obj = { a : 1, b : 2}; console.log(Object.entries(obj)); //
Object.getOwnPropertyNames(obj)
Object.getOwnPropertyNames返回一个数组,包含对象自身的所有属性(不含 Symbol 属性,但是包括不可枚举属性)的键名。
Object.getOwnPropertySymbols(obj)
Object.getOwnPropertySymbols返回一个数组,包含对象自身的所有 Symbol 属性的键名
Reflect.ownKeys(obj)
Reflect.ownKeys返回一个数组,包含对象自身的所有键名,不管键名是 Symbol 或字符串,也不管是否可枚举
以上遍历对象的方法都遵循同样的属性遍历的次序:
- 首先遍历所有数值键,按照数值升序排列
- 其次遍历所有字符串键,按照加入时间升序排列
- 最后遍历所有Symbol键,按照加入时间升序排列
- 包括for…in…
let obj = {[Symbol()] : 0,b : 0, 10 : 0, 2 : 0 , a : 0}for(let x in obj){console.log(x);}
//2 10 b a
for…of正常遍历的,都需要实现一个遍历器Iterator。而数组、字符串、Set、Map结构,早就内置好了Iterator(迭代器),它们的原型中都有一个Symbol.iterator方法,而Object对象并没有实现这个接口,使得它无法被for…of遍历。
实习期间总结遇到的Javascript常用函数相关推荐
- JavaScript常用函数总结
原文地址在我的博客, 转载请注明出处,谢谢! 概述 本文总结了JavaScript常用函数,这些函数包括Array常用函数以及String常用函数 JavaScript原生函数 Array常用函数 i ...
- javascript常用函数和技巧
学习和工作的过程中总结的干货,包括常用函数.常用js技巧.常用正则表达式.git笔记等.为刚接触前端的童鞋们提供一个简单的查询的途径,也以此来缅怀我的前端学习之路. PS:此文档,我会持续更新. Aj ...
- javascript 常用函数大全
javascript函数一共可分为五类: •常规函数 •数组函数 •日期函数 •数学函数 •字符串函数 1.常规函数 javascript常规函数包括以下9个函数: (1)alert函数:显示一个警告 ...
- JavaScript 常用函数总结
javascript函数: ·常规函数 ·数组函数 ·日期函数 ·数学函数 ·字符串函数 .cookie函数 1.常规函数 javascript常规函数包括以下9个函数: (1)alert ...
- JavaScript 常用函数
javascript函数一共可分为五类: ·常规函数 ·数组函数 ·日期函数 ·数学函数 ·字符串函数 1.常规函数 javascript常规函数包括以下9个函数: (1)alert函 ...
- JavaScript常用函数之Eval()使用
eval() 功能:首先解释Javascript代码 然后执行它 用法:Eval(codeString) codeString是包含有javascript语句的字符串,在eval之后使用Javasc ...
- [导入]JavaScript常用函数:Trim() LTrim() RTrim()
//功能:JavaScript的Trim(), Ltrim(), RTrim() 函数 //来源:http://jorkin.reallydo.com/article.asp?id=460 Strin ...
- JavaScript常用函数
一:正则表达式验证: 1.验证邮箱: isRightEmail = (strEmail.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za- ...
- JavaScript常用函数整理
1.字符串计算公式计算 var str = '1/5'; eval(str); // 得到0.2 2.浮点数字精确小数位 var fltVal = '0.12345'; fltVal.toFixed( ...
最新文章
- java 获取进程_java获取指定进程的stat
- java oschina_简单说说 OSChina 的技术架构
- iOS UIWebView加载网页、文件、HTML
- re:Invent大会第十年,亚马逊云科技推出了哪些底层自研技术
- Unix EM乱码问题
- html ready 调用函数,Chrome和JQuery问题 - $(document).ready(function(){});在页面加载之前调用...
- matplotlib ----- 多子图, subplots
- Dotnet3.5 New一个对象就可以直接跟上大括号对类中的公开成员变量以及属性赋值...
- 常用几个UITableView,UICollectionView UIScrollView关键点
- DCN神州数码无线理论与配置逻辑
- 关于抢红包的_关于抢红包的作文
- 手机图片分辨率怎么调整?如何将图片修改300DPI?
- 豆瓣 API ( 解决104问题 )
- #MySQL#查找表中重复条目、删除重复条目
- 性能调优(一)----Amdahl定律及木桶原理
- Linux查看/设置服务器时间
- 哈工大关系抽取模型CasRel代码解读
- dockerfile构建LNRP环境练手
- 钉钉开发系列(十一)钉钉网页扫码登录
- python猜密码游戏规则_Python实现的摇骰子猜大小功能小游戏示例
热门文章
- 背景建模(一) Evaluation of Background Subtraction Techniques
- python写xml文件 数据量特别大_python处理xml大文件[xml.sax]
- 法院判定360恶意打压金山网盾 赔款30万元
- [转]Jexus的常用操作和基本配置
- 软件外包项目管理5 - 项目实施
- mac电脑抹掉数据要多久_Mac电脑如何恢复出厂设置?
- 【深度荐读】人脑产生意识,可能是因为量子纠缠
- Taro:微信小程序通过获取手机号实现一键登录
- 放下一切包袱,轻装前行
- Table表格内容超长时:自动截取、自动换行