【JS笔记】JavaScript for...in...语句

news/2024/7/19 9:51:05 标签: js, JavaScript, for in, for, in
inecap="round" d="M5,0 0,2.5 5,5z" id="raphael-marker-block" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">

forin_0">forin…语句

简介:forin…循环与for循环十分相似,forin…语句用来遍历对象的每一个属性。每次都将对象名作为字串符保存在变量里。主要用于枚举对象集合的属性。

语法格式:

for(variable in collection){
被执行的代码块
}

参数说明:

variable:表示属性的变量。

collection:表示属性的集合。

例题1:

<script>
	var arr = new Array(ing">'a',ing">'b',ing">'c',ing">'d');
	for(var j in arr){
		console.log(ing">"j = "+j);
	}
	for(var j in arr){
		console.log(ing">"j = "+arr[j]);
	}
</script>

运行结果:
在这里插入图片描述
例题2:

<script>
	var arr = new Array();
	for(var i=2; i<=4; i++){
		arr[i]=i+10;
	}
	for(var j in arr){
		console.log(ing">"j = "+j);
		//j表示数组含有属性的值的下标
	}
	for(var j in arr){
		console.log(ing">"j = "+arr[j]);
		//arr[j]表示数组里面属性的值
	}
</script>

运行结果:
在这里插入图片描述


http://www.niftyadmin.cn/n/509856.html

相关文章

react模拟后端接口及提交方式 json-server

前后端并行开发的痛点 前端需要等待后端开发完接口以后 再根据接口来完成前端的业务逻辑 解决方法 在本地模拟后端接口用来测试前端效果 这种做法称之为构建前端Mock json-server 获取一个模拟的功能齐全的api接口 不需要敲代码 小于30s即可搞定 json-server使用 全局安装json-…

react模拟后端接口及提交方式(json-server)

前后端并行开发的痛点 前端需要等待后端开发完接口以后 再根据接口来完成前端的业务逻辑解决方法 在本地模拟后端接口用来测试前端效果 这种做法称之为构建前端Mockjson-server 获取一个模拟的功能齐全的api接口 不需要敲代码 小于30s即可搞定json-server使用 全局安装json-ser…

解决react跨域的两种代理配置

react两种代理配置 在项目文件夹中按以下路径找到devServer.js文件。进行代理配置 node_modules>react-scripts>config>devServer.js proxy:{"/api":{target:"http://47.96.0.221:9000",changeOrigin:true,pathRewrite:{"^/api":"…

for..in,for..of 和forEach的区别

for..in&#xff0c;for..of 和forEach的区别 1&#xff09;forEach是ES5遍历数组的方法&#xff0c;初次之外还有map&#xff0c;filter&#xff0c;some&#xff0c;every&#xff0c;reduce&#xff0c;reduceRight等&#xff0c;只不过他们返回的结果不一样&#xff0c;但是…

【JS笔记】JavaScript with语句

with语句 简介&#xff1a;with用于在访问一个对象的属性或方法时避免重复使用对象指定对象引用。 语法格式&#xff1a; with(object){ 被执行的代码块 } 参数说明&#xff1a; object&#xff1a;指定在被执行的代码块中没有被引用的情况下使用哪个对象的引用。 例题&#x…

react类型检查

react类型检查 react使用prop-types库进行类型检查。 PropTypes 提供一系列验证器&#xff0c;可用于确保组件接收到的数据类型是有效的。 当传入的 prop 值类型不正确时&#xff0c;JavaScript 控制台将会显示警告。出于性能方面的考虑&#xff0c;propTypes 仅在开发模式下进…

【JS笔记】JavaScript 字串符对象中各方法的使用(match,search,replace,split)

字串符对象 match()方法&#xff1a; 简介&#xff1a;可以使用正则表达式模式对字串符进行搜索&#xff0c;返回一个包含搜索结果的数组。 语法格式&#xff1a; match(regExp) 如果没有为正则表达式设置全局标志&#xff08;g)&#xff0c;match()方法产生的结果与没有设置全…

redux的使用流程

redux React只是DOM的一个抽象层 Web应用是一个状态机&#xff0c;视图与状态是一一对应的 所有的状态&#xff0c;保存在一个对象里面&#xff08;唯一数据源&#xff09; 需要使用redux的项目 用户的使用方式复杂不同身份的用户有不同的使用方式&#xff08;比如普通用户和管…