// 如何将成员添加到 Map，然后检索它们
var m = new Map();
m.set(1, "black");
m.set(2, "red");
m.set("colors", 2);
m.set({x:1}, 3);
m.forEach(function (item, key, mapObj) {
document.write(item.toString() + "<br />");
});
document.write("<br />");
document.write(m.get(2));
// Output:
// black
// red
// 2
// 3
//
// red ログイン後にコピー
2、Set（无序、不能重复）：
Set和Map类似，也是一组key的集合，但不存储value。由于key不能重复，所以，在Set中，没有重复的key。
Set里存放的对象是无序，不能重复的，集合中的对象不按特定的方式排序，只是简单地把对象加入集合中。
1）创建Set
Set 本身是一个构造函数，调用构造函数用来生成 Set 数据结构。
关键词 标识符 = new Set(); ログイン後にコピー
例
var s1 = new Set(); // 空Set
var s2 = new Set([1, 2, 3]); // 含1, 2, 3 ログイン後にコピー
Set 函数可以接受一个数组（或类似数组的对象）作为参数，用来进行数据初始化。
let i = new Set([1, 2, 3, 4, 4]); //会得到 set{1, 2, 3, 4,} ログイン後にコピー
注：如果初始化时给的值有重复的，会自动去除。集合并没有字面量声明方式。
2）Set的属性
常用的属性就一个：size 返回 Set 实例的成员总数。
let s = new Set([1, 2, 3]);
console.log( s.size ); // 3 ログイン後にコピー
3）Set的方法
Set 实例的方法分为两大类：操作方法（用于数据操作）和遍历方法（用于遍历数据）。
操作方法:
add(value) 添加数据，并返回新的 Set 结构
delete(value) 删除数据，返回一个布尔值，表示是否删除成功
has(value) 查看是否存在某个数据，返回一个布尔值
clear() 清除所有数据，没有返回值
let set = new Set([1, 2, 3, 4, 4]);
// 添加数据 5
let addSet = set.add(5);
console.log(addSet); // Set(5) {1, 2, 3, 4, 5}
// 删除数据 4s
let delSet = set.delete(4);
console.log(delSet); // true
// 查看是否存在数据 4
let hasSet = set.has(4);
console.log(hasSet); // false
// 清除所有数据
set.clear();
console.log(set); // Set(0) {} ログイン後にコピー
遍历方法:
Set 提供了三个遍历器生成函数和一个遍历方法。
keys() 返回一个键名的遍历器
values() 返回一个键值的遍历器
entries() 返回一个键值对的遍历器
forEach() 使用回调函数遍历每个成员
let color = new Set(["red", "green", "blue"]);
for(let item of color.keys()){
console.log(item);
}
// red
// green
// blue
for(let item of color.values()){
console.log(item);
}
// red
// green
// blue
for(let item of color.entries()){
console.log(item);
}
// ["red", "red"]
// ["green", "green"]
// ["blue", "blue"]
color.forEach((item) => {
console.log(item)
})
// red
// green
// blue ログイン後にコピー
3、List（有序、可重复） ：
列表是一组有序的数据，每个列表中的数据项称为元素。
List里存放的对象是有序的，同时也是可以重复的，List关注的是索引，拥有一系列和索引相关的方法，查询速度快。因为往list集合里插入或删除数据时，会伴随着后面数据的移动，所有插入删除数据速度慢。
列表拥有描述元素位置的属性，列表有前有后（front和end）。
使用next()方法可以从当前元素移动到下一个元素，使用next（） 可以从当前元素移动到下一个元素，使用prev()方法可以移动到当前元素的前一个元素，还可以使用moveTo(n)方法直接移动到指定位置
1）List的方法：
定义的属性有：
listSize : 列表的元素个数
pos： 列表的当前位置
定义的方法有:
getElement(): 返回当前位置的元素
insert(): 在现有元素后插入新元素
append()： 在列表的尾部添加新元素
remove(): 从列表中删除元素
length(): 返回列表中元素的个数
clear(): 清空列表
contains(): 判断元素是否存在列表中
移动元素：
2）List的实现
function List() {
this.listSize = 0; //记录列表元素的个数
this.pos = 0; //记录列表的位置
this.dataStore = []; //存储列表元素
} ログイン後にコピー
给列表尾部添加新元素的方法与栈的压栈方法一样；
将记录元素个数的listSize加1，从而获取到存储元素的位置；再将元素添加到这个位置；
function append(element) {
//让列表的长度加1，再将元素填充到新增的位置
this.dataStore[this.listSize++] = element;
} ログイン後にコピー
首先遍历列表，如果要查找的元素存在列表中，则返回该元素的位置，未找到则返回-1
function find(element) {
//遍历列表
for (let i = 0; i < this.dataStore.length; ++i) {
//判断列表中是否有该元素，存在则返回索引i
if (this.dataStore[i] == element) {
return i;
};
};
//不存在返回-1
return -1;
}; ログイン後にコピー
先调用find方法，查找元素的位置，如果存在返回true，不存在则会返回false;
如果存在，使用js数组操作方法splice删除当前元素，splice方法接收两个参数，即要删除的元素的索引和要删除的个数；
删除元素后，要将列表的长度减1；
function remove(element) {
//调用定义的find方法查找元素
let fountAt = this.find(element);
//元素存在
if (fountAt > -1) {
//删除索引对应的值
this.dataStore.splice(fountAt, 1);
//列表少了一个元素，减1
--this.listSize;
//操作成功返回true
return true;
};
//找不到元素返回false
return false;
}; ログイン後にコピー
该方法返回列表中的元素，直接返回listSize的值
function length() {
return this.listSize;
} ログイン後にコピー
该方法是将目标元素插入到指定元素的后面，它接收两个参数，即目标元素element和指定元素after；
实现：先使用定义的find方法找到after的位置，然后使用splice方法在该位置的后一位插入目标元素;
splice方法传入三个参数，目标值的位置，要删除的数量，要插入的值（第二个参数为0表示删除0个，不删除元素）;
操作成功返回true, 未找到指定元素则返回false
function insert(element, after) {
let insertPos = this.find(after);
if (insertPos > -1) {
this.dataStore.splice(insertPos + 1, 0, element);
++this.listSize;
return true;
};
return false;
} ログイン後にコピー
删除列表，初始化数据
function clear() {
delete this.dataStore;
this.dataStore = [];
this.listSize = 0;
this.pos = 0;
}; ログイン後にコピー
与find方法类似，也可直接使用find方法查找，找到返回true，不存在返回false
function contains(element) {
for (let i = 0; i < this.dataStore.length; ++i) {
if (this.dataStore[i] == element) {
return true;
};
};
return false;
}; ログイン後にコピー
创建手动迭代列表的一些方法，可以不用关心数据的内部存储方法，以实现对列表的遍历。
//移动到最前面
function front() {
this.pos = 0;
};
//移动到最后面
function end() {
this.pos = this.listSize - 1;
};
//往后移一位
function prev() {
if (this.pos > 0) {
--this.pos;
};
};
//往前移一位
function next() {
if (this.pos < this.listSize-1) {
++this.pos;
};
};
//返回列表当前的位置
function currPos() {
return this.pos;
};
//移动到指定的位置
function moveTo(position) {
this.pos = position;
};
//返回当前元素的位置
function getElement() {
return this.dataStore[this.pos];
}; ログイン後にコピー
【相关推荐：javascript视频教程 、web前端 】
以上がJavaScript のコレクション型とは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法
Dec 17, 2023 pm 02:54 PM
WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法 はじめに: 技術の継続的な発展により、音声認識技術は人工知能の分野の重要な部分になりました。 WebSocket と JavaScript をベースとしたオンライン音声認識システムは、低遅延、リアルタイム、クロスプラットフォームという特徴があり、広く使用されるソリューションとなっています。この記事では、WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法を紹介します。
WebSocket と JavaScript: リアルタイム監視システムを実装するための主要テクノロジー
Dec 17, 2023 pm 05:30 PM
WebSocketとJavaScript：リアルタイム監視システムを実現するためのキーテクノロジー はじめに： インターネット技術の急速な発展に伴い、リアルタイム監視システムは様々な分野で広く利用されています。リアルタイム監視を実現するための重要なテクノロジーの 1 つは、WebSocket と JavaScript の組み合わせです。この記事では、リアルタイム監視システムにおける WebSocket と JavaScript のアプリケーションを紹介し、コード例を示し、その実装原理を詳しく説明します。 1.WebSocketテクノロジー
JavaScript と WebSocket を使用してリアルタイムのオンライン注文システムを実装する方法
Dec 17, 2023 pm 12:09 PM
JavaScript と WebSocket を使用してリアルタイム オンライン注文システムを実装する方法の紹介: インターネットの普及とテクノロジーの進歩に伴い、ますます多くのレストランがオンライン注文サービスを提供し始めています。リアルタイムのオンライン注文システムを実装するには、JavaScript と WebSocket テクノロジを使用できます。 WebSocket は、TCP プロトコルをベースとした全二重通信プロトコルで、クライアントとサーバー間のリアルタイム双方向通信を実現します。リアルタイムオンラインオーダーシステムにおいて、ユーザーが料理を選択して注文するとき
WebSocketとJavaScriptを使ったオンライン予約システムの実装方法
Dec 17, 2023 am 09:39 AM
WebSocket と JavaScript を使用してオンライン予約システムを実装する方法 今日のデジタル時代では、ますます多くの企業やサービスがオンライン予約機能を提供する必要があります。効率的かつリアルタイムのオンライン予約システムを実装することが重要です。この記事では、WebSocket と JavaScript を使用してオンライン予約システムを実装する方法と、具体的なコード例を紹介します。 1. WebSocket とは何ですか? WebSocket は、単一の TCP 接続における全二重方式です。
JavaScript と WebSocket: 効率的なリアルタイム天気予報システムの構築
Dec 17, 2023 pm 05:13 PM
JavaScript と WebSocket: 効率的なリアルタイム天気予報システムの構築 はじめに: 今日、天気予報の精度は日常生活と意思決定にとって非常に重要です。テクノロジーの発展に伴い、リアルタイムで気象データを取得することで、より正確で信頼性の高い天気予報を提供できるようになりました。この記事では、JavaScript と WebSocket テクノロジを使用して効率的なリアルタイム天気予報システムを構築する方法を学びます。この記事では、具体的なコード例を通じて実装プロセスを説明します。私たちは
JavaScriptでinsertBeforeを使用する方法
Nov 24, 2023 am 11:56 AM
使用法: JavaScript では、insertBefore() メソッドを使用して、DOM ツリーに新しいノードを挿入します。このメソッドには、挿入される新しいノードと参照ノード (つまり、新しいノードが挿入されるノード) の 2 つのパラメータが必要です。
簡単な JavaScript チュートリアル: HTTP ステータス コードを取得する方法
Jan 05, 2024 pm 06:08 PM
JavaScript チュートリアル: HTTP ステータス コードを取得する方法、特定のコード例が必要です 序文: Web 開発では、サーバーとのデータ対話が頻繁に発生します。サーバーと通信するとき、多くの場合、返された HTTP ステータス コードを取得して操作が成功したかどうかを判断し、さまざまなステータス コードに基づいて対応する処理を実行する必要があります。この記事では、JavaScript を使用して HTTP ステータス コードを取得する方法を説明し、いくつかの実用的なコード例を示します。 XMLHttpRequestの使用
JavaScript と WebSocket: 効率的なリアルタイム画像処理システムの構築
Dec 17, 2023 am 08:41 AM
JavaScript は Web 開発で広く使用されているプログラミング言語であり、WebSocket はリアルタイム通信に使用されるネットワーク プロトコルです。 2 つの強力な機能を組み合わせることで、効率的なリアルタイム画像処理システムを構築できます。この記事では、JavaScript と WebSocket を使用してこのシステムを実装する方法と、具体的なコード例を紹介します。まず、リアルタイム画像処理システムの要件と目標を明確にする必要があります。リアルタイムの画像データを収集できるカメラ デバイスがあるとします。
See all articles
