JavaScript标准内置对象:Float32Array的基础知识和应用 - Web前端
作者:98wpeu发布时间:2026-09-09分类:网页前端技术浏览:7

今天什么学下javascript标准内置的另外一个对象:Float32Array。了解下Float32Array的基础知识和应用。
Float32array 类型数组代表的是平台字节顺序为32位的浮点数型数组(对应于 C 浮点数据类型) 。 如果需要控制字节顺序, 使用 dataView 替代。其内容初始化为0。一旦建立起来,你可以使用这个对象的方法对其元素进行操作,或者使用标准数组索引语法 (使用方括号)。
语法
new Float32Array(length); new Float32Array(typedArray); new Float32Array(Object); new Float32Array(buffer [, byteOffset [, length]]);
属性
Float32Array.BYTES_PER_ELemENT返回元素字节数。
在Float32Array的情况下返回4。Float32Array.length
长度属性的值为 3。
Float32Array.name返回构造函数名字的字符串值。在
Float32Array类型的情况下为:"Float32Array"。Float32Array.prototypeTypedArray对象的原型。
方法
Float32Array.from()从一个类数组对象或可遍历对象创建一个新的Float32Array。
Float32Array.of()用可变数量的参数创建一个新的Float32Array。
Float32Array 属性
所有的Float32Array对象都继承自 %TypedArray%.PRototype。
特性
Float32Array.prototype.constructor返回创建这个实例原型的函数。 这是
Float32Array默认的构造函数。Float32Array.prototype.buffer只读返回这个
Float32Array引用的ArrayBuffer。构造时已固定,所以是只读的。Float32Array.prototype.byteLength只读返回从
Float32Array的ArrayBuffer开头开始的长度 (以字节为单位) 。构造时已固定,所以是只读的。Float32Array.prototype.byteOffset只读返回从
Float32Array的ArrayBuffer开头开始的偏移量(以字节为单位) 。构造时已固定,所以是只读的。Float32Array.prototype.length只读返回
Float32Array中的元素个数。构造时已固定,所以是只读的。
方法
Float32Array.prototype.copyWithin()从数组复制元素。参见
Array.prototype.copyWithin()。Float32Array.prototype.entrIEs()返回一个包含数组中每个元素键值对的数组遍历器对象。Float32Array.prototype.every()检测是否所有元素都能通过给定函数的测试。
Float32Array.prototype.fill()用一个静态值填充给定的起始位置。
Float32Array.prototype.filter()创建一个新数组,数据为原数组中所有能让给入函数返回true的元素。
Float32Array.prototype.find()返回满足测试函数的值,如果没有找到,返回undefined。
Float32Array.prototype.findIndex()返回满足测试函数的值的位置,如果没有找到,返回-1。
Float32Array.prototype.forEach()以每个元素为参数各调用一次函数。
Float32Array.prototype.includes()判断是否包含某个元素,
返回true或false。Float32Array.prototype.indexof()返回数组中等于给定值的元素的第一个(最小)位置, 没有找到则返回-1。参见
Array.prototype.indexOf()。Float32Array.prototype.join()合并所有数组元素到一个字符串中。
Float32Array.prototype.keys()返回一个包含数组中所有索引的数组遍历器。Float32Array.prototype.lastIndexOf()返回数组中等于给定值的元素的最后(最大)位置, 没有找到则返回-1。参见
Array.prototype.lastIndexOf()。Float32Array.prototype.map()创建一个新的数组,数据由原数组每个元素依次传入给定函数后返回的值组成。参见
Array.prototype.map()。Float32Array.prototype.move()未实现Float32Array.prototype.copyWithin()以前的一个非标准版本。Float32Array.prototype.reduce()传入一个函数作为累加器,从左到右遍历,最终得到一个值。 参见
Array.prototype.reduce()。Float32Array.prototype.reduceRight()传入一个函数作为累加器,从右到左遍历,最终得到一个值。参见
Array.prototype.reduceRight()。Float32Array.prototype.reverse()反转数组元素的顺序 — 第一个变为最后一个, 最后一个变为第一个。参见
Array.prototype.reverse()。Float32Array.prototype.set()从给定的数组存入多个数值。
Float32Array.prototype.slice()提取数组的一部分并且返回一个新数组。
Float32Array.prototype.some()如果数组中至少有一个元素满足测试函数的要求则返回true。
Float32Array.prototype.sort()对数组元素进行排序并返回数组。
Float32Array.prototype.subarray()从给定的起始位置返回一个新的
Float32Array。Float32Array.prototype.values()返回一个包含所有数组元素的数组遍历器对象。
Float32Array.prototype.toLocalestring()返回一个代表数组和其元素的本地化格式字符串。
Float32Array.prototype.toString()返回一个代表数组和它的元素的字符串。
Float32Array.prototype[@@iterator]()返回一个新的包含数组元素的数组迭代器对象。
例子
// From a length var float32 = new Float32Array(2); float32[0] = 42; console.log(float32[0]); // 42 console.log(float32.length); // 2 console.log(float32.BYTES_PER_ELEMENT); // 4 // From an array var arr = new Float32Array([21,31]); console.log(arr[1]); // 31 // From another TypedArray var x = new Float32Array([21, 31]); var y = new Float32Array(x); console.log(y[0]); // 21 // From an ArrayBuffer var buffer = new ArrayBuffer(16); var z = new Float32Array(buffer, 0, 4);
相关推荐
- 【Nuxt.js扩展Vue】Vue应用程序使用Nuxt.js可以避免的7个问题 - Web前端
- JavaScript对象入门:JavaScript中的继承 - Web前端
- JavaScript标准内置对象:Object【构造函数创建一个对象包装器】 - Web前端
- 扎克伯格宣布无限期禁止特朗普的Facebook,Instagram帐户 - Web前端
- 带大家一起来了解下Flash的“穷途末路” - Web前端
- 聊聊JavaScript里的数据基本知识:数据类型和数据结构 - Web前端
- 微软在2021年1月补丁周二修复了Defender的零日漏洞 - Web前端
- JavaScript里新的不可变数据类型:记录和元组【Records and Tuples】 - Web前端
- 如何在VS CODE里设置React应用开发的操作和方法 - Web前端
- 前端开发库:教你Laravel Livewire入门 - Web前端
- 网页前端技术排行
-
- 1[Web前端]用javascript实现默认图片替代未显示的图片 - Web前端
- 2分析Iconfont-阿里巴巴矢量常用图标库 - Web前端
- 3jQuery实例教程:制作网页中可折叠的面板 - Web前端
- 4【第六章】Foundation之按钮和下拉功能 - Web前端
- 5基于jquery的滚动条滚动固定div(附演示下载) - Web前端
- 6jQuery编写widget的一些技巧分享 - Web前端
- 7分享精心挑选的12款优秀jQuery Ajax分页插件和教程 - Web前端
- 8jQuery实现鼠标移到元素上动态提示消息框效果 - Web前端
- 9在Mac/PC上远程调试iPhone/iPad上的网页 - Web前端
- 最近发表
-
- WordPress随机显示特色图片插件:Random Post Thumbnails
- KeePass实现Chrome浏览器自动填充密码方法一
- LNMP一键包nginx 301强制跳转到https教程
- KeePass实现Chrome浏览器自动填充密码方法二
- #建站# 免费的VPS管理软件Xshell8/Xftp8中文版下载
- 使用Xshell 8连接VPS教程_电脑登录vps的方法
- WordPress评论界面添加烟花????效果
- 不同浏览器书签同步方案:坚果云+Floccus_详细使用教程
- iOS端KeePassXC客户端APP:Strongbox Password Safe
- 给WordPress评论中的Gravatar头像图片添加ALT属性


