JS数据结构

## 数据结构
**数组**
##创建数组##
*1-1字面量创建数组*
let arr = [];
*1-2构造函数创建数组*
let arr = new Array();
注意的时,无论字面量形式创建的数组,还是构造函数创建的数组,当我们使用typeof来打印其数据类型的时候,都会返回一个objext。
*1-3数组赋值*
1·先声明再赋值

let arr = []; 
arr[0] = 1; 
arr[1] = 2; 
arr[2] = 3;

注意
  下标是从0开始的。
2·声明时直接赋值
let arr = [1,2,3,4,5];
*1-4访问数组元素*
  通过数组的下标来访问。
  通过使用变量的方式来访问。
*1-5删除元素*
  delete运算符来删除数组的某一个元素。
*1-6数组的遍历*
  1·通过for循环来遍历数组
示例:

let arr = [1, 2, 3, 4, 5]; 
for (let i=0;i<arr.length;i++) { 
console.log(arr[i]); 
} 
// 1 
// 2 
// 3 
// 4 
// 5

2·通过for-in来遍历数组:通过键找相应的数组元素
3·通过for-of来遍历数组:
示例:

let arr = [1, 2, 3, 4, 5]; 
for (let i of arr) { 
console.log(i); 
} 
// 1 
// 2 
// 3 
// 4 
// 5

4·通过forEach来遍历数组
5·使用迭代器来进行遍历:keys(),values(),entries()
  keys()是找到可迭代元素的键
  values()是找到可迭代元素的值
  entries() 是同时找打可迭代的元素的键和值。组成新的数组
*1-7解构数组*
  就是将一个复杂类型的数据分解成一个普通的类型数据。是ES6新添的功能
*1-8多维数组*
示例:

let a = ["Bill","Mary","Lucy"]; 
let b = [21,24,27];
let c = [a,b];// 这个c就是一个多维数组

访问多维数组里的数据:
示例:

let a = ["Bill","Mary","Lucy"];
let b = [21,24,27]; 
let c = [a,b]; 
console.log(c[0][2]);//Lucy

*1-9扩展运算符*
扩展运算符是ES6新添的运算符,用于取出可迭代对象的每一项。可以用来快速展开一个数组。写法:...变量名
示例:

let a = ["Bill","Mary","Lucy"]; 
let b = [21,24,27]; 
let c = [...a,...b]; 
console.log(c); //[ 'Bill', 'Mary', 'Lucy', 21, 24, 27 ]

## 数组的属性和方法
**2-1数组相关属性**

length:返回数组元素的个数。
示例:

let arr = [1,2,3,4,5]; 
console.log(arr.length);//5

利用此属性可以快速清空数组。
示例:

let arr = [1,2,3,4,5]; 
arr.length = 0;
console.log(arr);//[]

使用length属性可以随意对数组的长度进行操控。
示例:

let arr = [1,2,3,4,5];
arr.length = 3; 
console.log(arr);//[1,2,3]

**2-2数组相关方法**
1.添加删除方法:
  push():在数组的尾部推入(插入),
  pop():在数组的尾部弹出(删除)
  unshift():在数组的头部推入(插入)
  shift():在数组的头部弹出(删除)
推入的时候可以一次性推入多个元素,返回的是新的数组的长度。
弹出的时候一次只能弹出一个元素,返回的是弹出的那个元素。
2·操作方法:
concat():是先创建一个当前数字的副本,然后将接收到的参数添加到副本的末尾,最后返回新构建的数组,而原本的数组不会变化。
示例:

let arr = [1,2,3]; 
let arr2 = arr.concat("red","blue"); 
console.log(arr);//[ 1, 2, 3 ]
console.log(arr2);//[ 1, 2, 3, 'red', 'blue' ]

slice():可以接收一个或者两个参数,代表返回项的起始和结束的位置。
  一个参数:那就代表起始位置。返回从指定的起始位置到数组的末尾的所有项目。
  两个参数:那就代表从指定的起始位置到指定的末尾位置之间的项,但不包括结束位置的项目。
    注意:slice()方法不会影响原始数组
示例:

let arr = [1,2,3,4,5,6,7,8,9,10];
// 一个参数
let i = arr.slice(3); 
console.log(i);//[ 4, 5, 6, 7, 8, 9, 10 ] 
console.log(arr);//[ 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 ] 
// 两个参数
let j = arr.slice(2,6); 
console.log(j);//[ 3, 4, 5, 6 ] 
console.log(arr);//[ 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 ]

如果传入的是负数,则用数组的长度加上该数来确定相应的位置。

splice():可以实现数组的3种类型的操作:删除,插入和替换
  删除:可以删除任意数量的元素,值需要指定2个参数:要参数的第一项位置和要删除的项数。
  插入:可以任意位置插入任意数量的元素,只需要提供3个参数:起始位置,要删除的项目(0),要插入的项目。
  替换:替换的原理在于插入的时候同时进行删除。
3·数组和字符串相互转换:join()和split()
  join():将数组转为字符串,可以传入分隔符作为参数。
  split():将字符串转为数组,传入参数指明以什么作为分隔符。
4·数组重排序方法
  两个方法:reverse()和sort()
reverse():反转数组项的顺序,注意使用该方法时会改变原来数组的顺序,而不是返回一个副本。
示例:

let arr = [1,2,3,4,5]; 
  console.log(arr.reverse());//[ 5, 4, 3, 2, 1 ] 
  console.log(arr);//[ 5, 4, 3, 2, 1 ]

sort():按照升序排列数组的每一项。
示例:

let arr = [0,12,3,7,-12,23]; 
  console.log(arr.sort()); 
  //[ -12, 0, 12, 23, 3, 7 ]

可以看到,我们调用sort()方法排序并没有正确的按照升序来进行排序。
原因子在于:sort()方法排序时首先会调用每一个元素的toString()转型方法,然后比较得到的字符串。即使每一项都是数值,sort()方法比较的也是字符串。
解决方法:sort()方法可以接收一个比较函数作为参数,以便我们指定哪个值位于哪个值的前面。比较函数接收两个参数,如果第一参数应该位于第二个数的前面,返回一个负数,如果两个参数相等,返回0,如果第一个参数应该位于第二个数的后返回一个正数。
示例:

let arr = [0,12,3,7,-12,23]; 
  console.log(arr.sort(function(a,b){ 
    return a - b; 
    // 降序就返回 b - a 
  }));

5·位置方法:
indexOf()和lastIndexOf()
这两个方法都接收两个参数:要查找的项目和查找的起点位置索引。区别在于一个时从数组开头开始找,一个从数组末尾开始找。如果没有找到就返回-1.
includes()用于查看数组里面是否包含某个元素,包含返回true否则返回false
## 集合
**3-1创建集合**
直接使用new就可以创建一个Set对象,
**3-2给集合添加值**
使用add()可以给集合添加值,由于调用add()方法返回的又是一个Set对象,所以我们能连续调用add()方法进行值的添加,这种像链条一样的方式调用称之为链式调用。
示例:


let s1 = new Set();
s1.add(1); 
console.log(s1);//Set { 1 } 
s1.add(2).add(3).add(4); 
console.log(s1); //Set { 1, 2, 3, 4 }


**3-3集合相关属性和方法**
1·用size属性获取元素个数:
示例:


let s1 = new Set([1,2,3]);
console.log(s1.size);//3

2·使用has()方法来查看一个集合种是否半酣某个值
示例:

let s1 = new Set([1,2,3]); 
console.log(s1.has(1));//true
console.log(s1.has("1"));//false

3·删除集合值:
使用deldete删除Set对象里面的一个元素
示例:

let s1 = new Set([1,2,3]); 
s1.delete(2);
console.log(s1);//Set { 1, 3 } 
// 没有的元素也不会报错
s1.delete("2");
console.log(s1);//Set { 1, 3 }

 4·如果要一次性删除所有的元素,可以使用clear方法

let s1 = new Set([1,2,3]);
s1.clear()
console.log(s1);//Set {}

集合转数组

前面我们有提到过,Set对象里面是不能够存放相同的元素的,利用这个特性,我们可以快速的 为数组去重,

示例:

let arr = [1,2,2,3,4,3,1,6,7,3,5,7];
let s1 = new Set(arr);
let arr2 = [...s1]; console.log(arr2);//[ 1, 2, 3, 4, 6, 7, 5 ]



原文地址:https://www.cnblogs.com/lyl-0667/p/11111592.html