分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

js中in运算符,forEach与map的用法-基础知识总结------彭记(016)

发布时间:2023-09-06 01:06责任编辑:苏小强关键词:js运算符

in运算符:

<script> ???/*1.能够遍历对象的属性*/ ???var obj = { ???????‘name‘:‘jack‘, ???????age:20 ???}; ???for(var key in obj){ ???????console.log(key + ":" + obj[key]); ???} ???/*2.还可以判断 对象 是否可以访问某个属性,而不关注这个属性是否在当前对象中定义*/ ???console.log(‘name‘ in obj); //true ???console.log(‘toString‘ in obj); // true ???console.log(‘toString1‘ in obj); // false</script>

forEach的使用:

<script> ???/*forEach用来遍历数组*/ ???//var arr= [123,2,4,35,435,65,7,658,67,98]; ???/* ???value:当前遍历到元素值 ???index:当前元素的索引 ???arr:当前遍历的数组 ???* */ ???/*arr.forEach(function(value,index,arr){ ???????console.log(value + ":" + index + ":" + arr); ???})*/ ???/*自定义forEach函数*/ ???Array.prototype.myForEach = function(callback){ ???????for(var i =0;i<arr.length;i++){ ???????????callback(this[i],i,this); ???????} ???} ???var arr1= [123,2,4,35,435,65,7,658,67,98]; ???arr1.myForEach(function(value,index){ ???????console.log(value + ":" + index + ":" + arr1); ???});</script>

map的使用:

<script> ???var arr= [123,2,4,35,435,65,7,658,67,98]; ???/*将数组值翻倍,再存储到数组*/ ???/*1.使用for*/ ???//var newArr=[]; ???/*for (var i = 0; i < arr.length; i++) { ???????var obj = arr[i]; ???????newArr.push(obj*2); ???} ???console.log(newArr);*/ ???/*2.使用forEach*/ ???/*arr.forEach(function(value,index,arr){ ???????newArr.push(value*2); ???}); ???console.log(newArr);*/ ???/*3.使用map函数*/ ???/*arr.map(function(value,index,arr){ ???????newArr.push(value*2); ???}); ???console.log(newArr);*/ ???/*map会将结果存储到一个新生成的数组中再返回*/ ??/* var newArr = arr.map(function(value,index,arr){ ???????return value * 2; ???}); ???console.log(newArr);*/ ???/*map的实现原理*/ ???Array.prototype.myMap = function(callback){ ???????var temp = []; ???????for(var i=0;i<this.length;i++){ ???????????var v = callback(this[i],i,this); ???????????if(v){ ???????????????temp.push(v); ???????????} ???????} ???????return temp; ???}; ???var newArr = arr.myMap(function(value,index,arr){ ???????return value * 2; ???}); ???console.log(newArr);</script>

js中in运算符,forEach与map的用法-基础知识总结------彭记(016)

原文地址:http://www.cnblogs.com/pgm0908/p/7350216.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved