当前位置: 首页 > news >正文

js:对象解构赋值——函数扩展_箭头函数

数组的扩展:Array.from()——将伪数组转变成真正的数组

1. 常见的类数组/伪数组:(三种)

类数组,伪数组,只能使用数组的读取方式和length属性,不能使用数组方法:push

a. 1.1 函数型伪数组
function add(){ console.log(arguments); } add(10,20,30);

b. 1.2 元素合集类伪数组:“ document.queryselectorAll ”

document.querySelectorAll("h3"):调用 DOM API,选取页面中所有<h3>标签元素,返回一个NodeList(类数组对象,包含匹配的元素)。

  • query:查询、查找;
  • Selector:选择器(比如 CSS 里的.class#iddiv);
  • All:全部、所有。

c. 1.3 类似数组的对象(键值对合集)的伪数组类型:元素名变为“0”“1”“2”,还要写上对象长度“length:3”

直接打印:

可以像数组一样引用下标

2. 转变成真正的数组:
a. 2.1 函数型伪数组

b. 2.2 元素合集型伪数组

c. 2.3 类似数组的对象的伪数组类型

3.array.of()
aray.of()方法用于将一组值,转换为数组

【例题】

对象的扩展:

1. 属性的简洁表示法——属性名和属性值是同样的变量名称,就可以省略

如:name:name变成name

如:将函数名function省略

对象内想要实现执行操作可以:在对象里创造一个函数,再在里面写上执行代码

在返回值return上可以简写:

原代码:

return{ x:x; y:y; }

改后:

2. 属性名表达式:

3. 对象的扩展运算符:

Ans:C

解析如下:应改为:"obj[ib]”或"obj.itbaizhan"

函数扩展

箭头函数
函数的两种表达形式
//第一种: function fn1(){ } //第二种: var fn2 =function(x,y){ return c+y; }
箭头函数——实际:用箭头代替了“function”
var fn3=(x,y)=>x+y
三种表达形式:
//第一种(多个参数) var fn3=(x,y)=>x+y; //第二种(一个参数) var fn=x=>x; //第三种(没有参数) var fn3=()=>10;
若多条语句
//原函数 var fn5=funcction(x,y){ var z=10; return x+y+z; } //改后 var fn5=(x,y)=>{ var z=10; return x+y+z; }
注意事项:返回一个对象,要在这一行代码外面加个”()“

原因:大括号{}会被解释为代码块,而不是一个整体

var fn5=(x,y)=>(x:10,y:20); //原代码 var fn5=function(x,y){ return{ x:10, y:20 } }
实际应用:简化回调函数
arr.map(function(element, index){ console.log(element); })
  • function(element, index):是回调函数
  • element:当前遍历到的数组元素(比如第一次是 10,第二次是 20...)
  • index:当前元素的索引(从 0 开始,可选参数)
  • 执行后会依次在控制台输出:102030
用箭头后可以代替function
arr.map((element, index) => { console.log(element); })

http://www.jsqmd.com/news/461350/

相关文章:

  • java堆内存泄漏利用内存分析工具(Memory Analyzer Tool,MAT)分析
  • Langflow 1.8 新特性:Knowledge Base 本地知识库组件完全上手指南
  • GNSS模块实战教程:大夏龙雀 DX-GP21,从硬件接线到 NMEA 数据解析(附完整代码)
  • 基于SpringBoot的校园设备维护报修系统设计与开发(源码+精品论文+答辩PPT等资料)
  • 基于微信小程序的剧本杀服务平台设计与实现
  • 正念笔记混乱想法3月9日
  • Odoo一键报税与金税合规方案
  • stm32f103c8t6呼吸灯
  • NASA- Prognostics Data Repository(预测数据存储库)
  • 为什么AI改AI越改越像AI?3个原因和正确的降AI方法
  • 2026南宁SEO优化服务新趋势:掌握这5大核心策略,轻松提升排名!
  • 数据结构--栈代码实现
  • Java面向对象—JDBC
  • 基于springboot的小米电商平台系统设计与实现设计与开发(源码+精品论文+答辩PPT等资料)
  • DeepSeek大模型驱动的空间智能引擎——镜像视界构建“人工智能+空间计算”新一代智能感知体系技术白皮书
  • 测试文章标题
  • 论成功与合作
  • 自研 Ollama 企业级网关:本地大模型生产化落地的工程化实践
  • 基于大数据爬虫+Hadoop+空气质量指数数据分析可视化设计与开发(源码+精品论文+答辩PPT等资料)
  • 1987年7月11日下午15-17点出生性格、运势和命运
  • AI证书纯线上考?过来人告诉你,这些“线上”环节的坑千万别踩!
  • Ubuntu 20.04 下 OpenClaw(龙虾)本地化部署保姆级教程
  • 深度解读C# 11 的 Required 成员:编译期状态验证强化
  • 认错贴 爱因斯坦经典5人逻辑题
  • 百度网盘下载太慢怎么办,如何提高网盘下载速度?
  • 2026年降AIGC率工具横评:便宜的和贵的差距到底有多大
  • 2026年DeepSeek写论文AI率太高?这5款降AI工具亲测有效
  • V-Ray 光照贴图烘焙参数适配教程
  • 基于BiGRU双向门控循环单元的锂电池SOH估计 [电池特征提取+SOH估计]Matlab代码(多输入单输出)
  • 虚拟机安装ngxin