美文网首页
Javascript数据结构——Array

Javascript数据结构——Array

作者: 梦安web开发 | 来源:发表于2020-06-14 17:42 被阅读0次

在开发过程中比较常见的数据类型Array、Object,而Es6提供新的数据结构Set、WeakSet、Map、WeakMap,接下主要对这些数据结构做个整理。

一、Array数据结构

数组(Array)是JavaScript中全局对象,用于在单个的变量中存储多个值。

1.常见的数组方法
  • concat() 连接两个或更多的数组
let arr_a=[2,3,14,5,9]
let arr_b=[11,23,34]
let c=arr_a.concat(arr_b) 
console.log(c)// [2,3,14,5,9,11,23,34]
//ES6写法
[2,3,14,5,9,...arr_b]
  • join() 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔
let arr_a=[2,3,14,5,9]
let c=arr_a.join('.') 
console.log(c)// 2.3.14.5.9 
  • pop() 删除并返回数组的最后一个元素
let arr_a=[2,3,14,5,9]
let c= arr_a.pop()
console.log(c)//  [2,3,14,5]
  • push() 向数组的末尾添加一个或更多元素,并返回新的长度
let arr_a=[2,3,14,5,9]
let c=arr_a.push('a')
console.log(c) // [2,3,14,5,9,a]
  • reverse() 颠倒数组中元素的顺序
let arr_a=[2,3,14,5,9]
let c=arr_a.reverse() 
console.log(c)  // [9,5,14,3,2]
  • delete arr.x 删除数组arr的x键值对,返回值是个布尔值,说明有没有删除成功。
var arr = [1, 2, 3]
delete arr[1]
console.log(arr)// [1, empty, 3],会删除索引为1元素的内容,但是不删除位置
  • shift() 删除并返回数组的第一个元素
let arr_a=[2,3,14,5,9]
let c=arr_a.shift()
console.log(c)  //2
  • slice() 从某个已有的数组返回选定的元素
let arr_a=[2,3,14,5,9]
let c=arr_a.slice(0,2) 
console.log(c)   // [ 2, 3 ]
  • sort() 对数组的元素进行排序
let arr_a=[2,3,14,5,9]
let c=arr_a.sort() 
console.log(c)    // [ 14, 2, 3, 5, 9 ]
  • splice() 删除元素,并向数组添加新元素
let arr_a=[2,3,14,5,9]
let c=arr_a.splice(0,2,'a') 
console.log(arr_a)    //[a,14,5,9]
  • toSource() 返回该对象的源代码
  • toString() 把数组转换为字符串,并返回结果
let arr_a=[2,3,14,5,9]
let c=arr_a.toString() 
console.log(c)    //2,3,14,5,9
  • toLocaleString() 把数组转换为本地数组,并返回结果
let arr_a=[2,3,14,5,9]
let c=arr_a.toLocaleString()  
console.log(c)    //2,3,14,5,9```
  • unshift() 向数组的开头添加一个或更多元素,并返回新的长度
let arr_a=[2,3,14,5,9]
let c=arr_a.unshift("a")
console.log(c)    //6```
  • valueOf() 返回数组对象的原始值
2.ES6新增了如下原型方法:
  • copyWithin() 指定位置的成员复制到其它位置
let arr_a=[2,3,14,5,9]
let c=arr_a.copyWithin(0,2,3)
console.log(c)    // [ 14, 3, 14, 5, 9 ]
  • find() 查找符合条件的数组成员 返回第一个成员返回值
let arr_a=[2,3,14,5,9]
let c=arr_a.find(n=>n<5)
console.log(c)    //2
  • findIndex() 查看符合条件的数组成员,返回第一个数组成员的位置
let arr_a=[2,3,14,5,9]
let c=arr_a.findIndex(n=>n<5)
console.log(c)    // 0
  • fill() 定值填充数组
let arr_a=[2,3,14,5,9]
let c=arr_a.fill("a",2,4)
console.log(c)    //[ 2, 3, 'a', 'a', 9 ]
  • entrise() 遍历数组
let arr_a=[2,3,14,5,9]
for (let [key, value] of Object.entries(arr_a)) {
  console.log(`${key}: ${value}`)
}//0:2;   1:3;   2:14;   3:5;  4:9
  • keys() 遍历数组的键值
let arr_a=[2,3,14,5,9]
for (let [key] of Object. keys(arr_a)) {
  console.log(`${key}`)
}//0; 1; 2; 3; 4
  • values() 遍历数组的值
let arr_a=[2,3,14,5,9]
for (let [value] of Object. values(arr_a)) {
    console.log(`${value}`)
}
//2;   3;   14;  5;  9 

后续更新Objectet、WeakSet、Map、WeakMap

相关文章

网友评论

      本文标题:Javascript数据结构——Array

      本文链接:https://www.haomeiwen.com/subject/gjghnhtx.html