JavaScript中Array怎么用？

原创

Learn-anything.cn

发布于 2021-12-20 07:51:35

1.4K0

文章被收录于专栏：learn-anything.cnlearn-anything.cn

一、Array

Array 是 JavaScript 的全局数组对象，其元素可以是不同类型，如果需要元素是同一类型，可使用 TypedArray。

二、怎么用？

<!DOCTYPE html>
<html lang='zh-CN'>

<head>
    <meta charset="utf-8">
    <title>Symbol</title>
    <script>
        // 创建数组
        let fruits = ['Apple', 'Banana'];
        // 访问数组
        console.log(fruits[0]);
        // 遍历数组
        fruits.forEach(function (item, index, array) {
            console.log(item, index)
        })
        // 增加元素到数组末尾
        fruits.push('Orange')
        console.log(fruits);
        // 删除数组末尾的元素
        fruits.pop();
        console.log(fruits);
        // // 删除数组头部元素
        fruits.shift()
        console.log(fruits);
        // // 添加元素到数组的头部
        fruits.unshift('Strawberry')
        console.log(fruits);
        // // 找出某个元素在数组中的索引
        console.log(fruits.indexOf('Banana'));
        // // 通过索引删除元素
        fruits.splice(0, 1)
        console.log(fruits);
        // // 复制一个数组
        console.log(fruits.slice());

    </script>
</head>

<body>
    <h1>Symbol : 打开 Console 看结果！</h1>
</body>

</html>

三、ArrayBuffer

1、是什么？

表示通用的、固定长度的原始二进制数据缓冲区。不能直接使用ArrayBuffer，需要转换成类型数组对象(TypedArray) 或 DataView 对象，才能使用。

// 转换ArrayBuffer 为类型数组 Int32Array
var buffer = new ArrayBuffer(8);
var view   = new Int32Array(buffer);

2、使用 ArrayBuffer 的WebAPI

四、TypedArray

TypedArray（类型数组对象）包含：Int8Array、Uint8Array、Uint8ClampedArray、Int16Array、Uint16Array、Int32Array、Uint32Array、Float32Array、Float64Array、BigInt64Array、BigUint64Array。

详细用法，看这里！

五、DataView

可以从二进制ArrayBuffer 对象中读写多种数值类型的底层接口，使用它时，不用考虑不同平台的字节序问题。

// create an ArrayBuffer with a size in bytes
const buffer = new ArrayBuffer(16);

// Create a couple of views
const view1 = new DataView(buffer);
const view2 = new DataView(buffer, 12, 4); //from byte 12 for the next 4 bytes
view1.setInt8(12, 42); // put 42 in slot 12

console.log(view2.getInt8(0));
// expected output: 42