javascript中的遍历for in 以及with的用法
for in 循环执行一个对象中的属性
with语句: (对象操作语句)
功能:为一段程序建立默认对象
格式:
with(<对象>){
<语句组>
}
具体示例:
<script type="text/javascript">
function member(name,gender){
this.name=name;
this.gender=gender;
}
function showProperty(obj,objStr){
var str="";
for(var i in obj){
str+=objStr+"."+i+" = "+obj[i]+"<br>"
}
return str;
}
var obj =new member("刘若英","女");
//document.write(showProperty(obj,"person"));
with(document){
write(showProperty(obj,"person"));
}
</script>
/*运行效果:
person.name = 刘若英
person.gender = 女
*/
小伙伴们是否对javascript中遍历for in 以及with的用法有所了解了呢,这是学习javascript的基础哦。
相关推荐
-
javascript下with 的简化代码写法
with (object) statements 参数 object 新的默认对象. statements 一个或多个语句,object 是该语句的默认对象. 说明 with 语句通常用来缩短特定情形下必须写的代码量.在下面的例子中,请注意 Math 的重复使用: x = Math.cos(3 * Math.PI) + Math.sin(Math.LN10) y = Math.tan(14 * Math.E) 当使用 with 语句时,代码变得更短且更易读: 复制代码 代码如下: with (M
-
Javascript中With语句用法实例
本文实例讲述了Javascript中With语句用法.分享给大家供大家参考.具体如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>With语句(类似于VB中的)</title>
-
javaScript中with函数用法实例分析
本文实例讲述了javaScript中with函数用法.分享给大家供大家参考.具体分析如下: javaScript 中的 with 函数 ,即所谓的with 语句,可以方便地用来引用某个特定对象中已有的属性,但是不能用来给对象添加属性,要给对象创建新的属性,必须明确地引用该对象. with 函数,为语句设定默认对象. with (object) statements 参数: object 新的默认对象. statements 一个或多个语句,object 是该语句的默认对象. 说明: with
-
JavaScript的strict模式与with关键字介绍
2009年12月,ECMAScript发布了ECMAScript 5,这距离上一个版本的ECMAScript 3标准发布已经整整十年了,其间JavaScript虽然大行于web编程,ECMAScript 4却最终因为利益相关的各大厂商和组织在此语言的复杂性(即是否增加大量特性以扩展ECMAScript的功能)上的分歧而夭折,使得ECMAScript新标准的制订大大落后于编程的实践.ECMAScript 5在目标上没有那么雄心勃勃,除去新增了对JSON的支持和反射的更全面的控制,一项重要改进就是引
-
javascript简单事件处理和with用法介绍
这一期介绍一些简单的事件处理: 1.鼠标点击 复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> New Document </title> <meta name="Gene
-
关于JavaScript的with 语句的使用方法
用过 Java 和 .NET 的同学对包或命名空间的概念应该不会陌生, 正因为有这个概念, 使代码的简洁易读得到了保证. 不知 JavaScript 设计之初是如何定位 with 语句的, 个人觉得它们之间有一定的相似度. 如: 复制代码 代码如下: apple.banana.candy.dog.egg.fog.god.huh.index = 0; doSomething(apple.banana.candy.dog.egg.fog.god.huh.index); 利用 with 语句, 可以写
-
javascript中with()方法的语法格式及使用
内容导读: 有了 With 语句,在存取对象属性和方法时就不用重复指定参考对象,在 With 语句块中,凡是 JavaScript 不识别的属性和方法都和该语句块指定的对象有关.With 语句的语法格式如下所示: With Object { Statements } 对象指明了当语句组中对象缺省时的参考对象,这里我们用较为熟悉的 Document 对象对 With 语句举例.例如 当使用与 Document 对象有关的 write( )或 writeln( )方法时,往往使用如下形式: docu
-
javascript中的遍历for in 以及with的用法
for in 循环执行一个对象中的属性 with语句: (对象操作语句) 功能:为一段程序建立默认对象 格式: 复制代码 代码如下: with(<对象>){ <语句组> } 具体示例: 复制代码 代码如下: <script type="text/javascript"> function member(name,gender){ this.name=name; this.gender=gender
-
ES6 javascript中class静态方法、属性与实例属性用法示例
本文实例讲述了ES6 javascript中class静态方法.属性与实例属性用法.分享给大家供大家参考,具体如下: 类相当于实例的原型, 所有在类中定义的方法, 都会被实例继承. 如果在一个方法前, 加上static关键字, 就表示该方法不会被实例继承, 而是直接通过类来调用, 这就称为" 静态方法". class Foo { static classMethod() { return 'hello'; } } Foo.classMethod() // 'hello' var foo
-
javascript中内置对象Math的介绍及用法案例
目录 前言 Math概述 Math中常用函数的用法 1.绝对值方法 2.三个取整方法 3.求最大值/最小值 4.随机数 结语 前言 今天总结一下javascript 内置对象Math中的函数用法,顺带写一下常见的案例. Math概述 Math 对象不是构造函数,它具有数学常数和函数的属性和方法.跟数学相关的运算(求绝对值,取整.最大值等)可以使用 Math 中的成员. Math中常用函数的用法 Math.PI //圆周率Math.floor () //向下取整Math.ceil () //向上取
-
JavaScript中for-in遍历方式示例介绍
摘要:for-in遍历方式的循环计数器是字符串类型,遍历对象时为对象属性/方法名,遍历数组时为数组元素下标索引,与普通的for循环不同,for-in会将继承的属性/方法列出,这一点在使用时需要特别关注. 除了传统的for循环,JavaScript为遍历操作定义了for-in方式,根据数据源的不同,在使用时存在差异. (1)遍历对象: 复制代码 代码如下: var fish = { head : 1, tail : 1, } for(var prop in fish) { console.log(
-
JavaScript中的遍历详解(多种遍历)
对象遍历 为了便于对象遍历的测试,我在下面定义了一个测试对象 obj. 测试对象 // 为 Object 设置三个自定义属性(可枚举) Object.prototype.userProp = 'userProp'; Object.prototype.getUserProp = function() { return Object.prototype.userProp; }; // 定义一个对象,隐式地继承自 Object.prototype var obj = { name: 'percy',
-
JavaScript中循环遍历Array与Map的方法小结
js循环数组各种方法 eg1: for (var i = 0; i < myStringArray.length; i++) { alert(myStringArray[i]); //Do something } eg2: Array.prototype.foo = "foo!"; var array = ['a', 'b', 'c']; for (var i in array) { alert(array[i]); } for(var i in this.$GLOBAL_DET
-
JavaScript中isPrototypeOf、instanceof和hasOwnProperty函数的用法详解
isPrototypeOf 作用:检测一个对象是否是另一个对象的原型.或者说一个对象是否被包含在另一个对象的原型链中 var p = {x:1};//定义一个原型对象 var o = Object.create(p);//使用这个原型创建一个对象 p.isPrototypeOf(o);//=>true:o继承p Object.prototype.isPrototypeOf(p);//=> true p继承自Object.prototype 以上实例来自与<JavaScript权威指南&g
-
javascript中setTimeout和setInterval的unref()和ref()用法示例
unref()和ref()用法非常的简单,就是取消和回复setTimeout和setInterval函數的調用的. 代码如下: 复制代码 代码如下: var testFunction=function(){ console.log("guoyansi"); } var timer=setInterval(testFunction,1000); timer.unref();//取消setTimeout和setInterval函數的調用 timer.ref();//恢復s
-
浅谈JavaScript中的属性:如何遍历属性
在JavaScript中,遍历一个对象的属性往往没有在其他语言中遍历一个哈希(有些语言称为字典)的键那么简单.这主要有两个方面的原因:一个是,JavaScript中的对象通常都处在某个原型链中,它会从一个或多个的上层原型上继承一些属性.第二个原因是,JavaScript中的属性不光有值,它还有一些除了值以外的其他特性,其中一个影响属性遍历的特性就是[[Enumerable]],如果该值为true,则称这个属性是可枚举的,否则反之. 知道了这些,我们就可以把属性的遍历分为四种情况. 注:示例代码中
-
JavaScript 中的六种循环方法
Javascript中的遍历循环 1.for循环 对于数值索引的数组来说,可以使用标准的for循环来遍历值 const arr=[1,2,3,4]; for(let i=0;i<arr.length;i++){ console.log(i); } 2.for...in循环 for...in循环可以用来遍历对象的可枚举属性列表(包括原型链上的属性) const myObject={}; Object.defineProperty(myobject,"a",{ //可枚举 enume
随机推荐
- 在React框架中实现一些AngularJS中ng指令的例子
- JavaScript学习笔记之ES6数组方法
- 一个JavaScript获取元素当前高度的实例
- PHP微信开发用Cache 解决数据缓存
- Winform实现调用asp.net数据接口实例
- Vue2.0 多 Tab切换组件的封装实例
- Mysql闪退问题图文解决办法
- 重装MySQL最后一步失败的完美解决方案(经验总结)
- div li的多行多列 无刷新分页示例代码
- 解决vue-cli中stylus无法使用的问题方法
- js判断生效时间不得大于失效时间的思路及代码
- Express.JS使用详解
- jquery弹出遮掩层效果【附实例代码】
- js控制框架刷新
- Android基于ViewPager+Fragment实现左右滑屏效果的方法
- Python中的迭代器与生成器高级用法解析
- Can't create/write to file 'C:\WINDOWS\TEMP\...MYSQL报错解决方法
- Python pandas DataFrame操作的实现代码
- thinkjs微信中控之微信鉴权登陆的实现代码
- Spark学习笔记之Spark SQL的具体使用