Web初级——数组对象常用api

js数组常用api

• 连接函数：join("连接符")

  var array = [1,2,3,4,5]
  console.log(array.join("+"))
  

• 拼接函数：concat(str|array)

  参数是数据的话，则把数据拼接到数组后，如果是数组元素，则将参数数组的元素拼接到该数组后而不是参数数组

  var a = [1,2,3];
  a.concat(4,5); // [1,2,3,4,5]
  a.concat([4,5]); // [1,2,3,4,5]
  a.concat(4, [5, [6, 7]]); // [1,2,3,4,5,[6,7]]
  

• 截取函数：arr.slice(start[end])

  end可省略，表示从start位置一直截取到末尾

  var array = [1,2,3,4,5]
  console.log(array.slice(3))//返回一个新数组
  

• 删除、插入、替换：arr.splice(start, deleteCount [,value1,value2...])

  (1)直接修改原数组。

  (2)返回所有被删除元素组成的子数组。

  (3)如果 deleteCount 是 0，表示插入元素，插入的元素会排在 start 处元素之前。

  (4) 如果是删除，从 start 开始，并包含 start 处的元素。

  var array2 = [1,2,3,4,5,6,7,8,9]
  console.log(array2.splice(2,3))
  console.log(array2)
  array2.splice(2,0,3,4,5)
  console.log(array2)
  

• 翻转数组：reverse()

  修改原数组

• 排序：sort()

  • 默认按照元素第一位ascll码升序排列

  ​ 可以设置下列的比较器函数来控制升序，降序或者打乱。

  ​ (1)arr.sort(function(a,b){return a-b;}); 升序(只限数组中是数字或者数字字符串)。

  ​ (2)arr.sort(function(a,b){return b-a;}); 降序(只限数组中是数字或者数字字符串)。

  ​ (3)arr.sort(function(){

  ​ return Math.random()>.5 ? 1 : -1;

  ​ });随机打乱数组(数组中可以是任何数据类型)

  var array3 = [5,4,1,32,6,2,4,54,57,8,23]
  array3.sort()
  console.log(array3)
  array3.sort(function(){
      return Math.random()>.5 ? 1 : -1;
  })
  console.log(array3)
  array3.sort(function(a, b) {
      return b-a;
  })
  console.log(array3)
  

• 查找:indexOf()或者lastIndexOf(value[,from])

  返回value在数组中的索引，没有找到返回-1。

  var array = [1,2,3,4,5]
  console.log(array.indexOf(3))
  

• 循环数组：forEach(function(value,index,arr){})

  ​ map(function(value,index,arr){})

• 数组转字符串：toString()

  将数组用逗号连接，类似于join(",")

• 开头入栈：unshift(number,...)

  数组开头插入元素

• 开头出栈：shift()

  弹出最开头元素

• 结尾入栈：push(number,...)

• 结尾出栈：pop()

• 全部条件验证：every(item=>{return 条件})

  验证数组元素是否全部符合条件

  var array4 = [5,4,1,32,6,2,4,54,57,8,23]
  console.log(array4.every(item=>{
      return item<90
  }))
  console.log(array4.every(item=>{
      return item>10
  }))
  

• 部分条件验证：some(item=>{return 条件})

  有一个元素满足条件则退出

• 条件过滤：filter（item=>{return 条件}）

  满足条件的子元素组成一个数组返回

  var array4 = [5,4,1,32,6,2,4,54,57,8,23]
  console.log(array4.filter(item=>{
      return item>10
  }))
  

• 功能性遍历：reduce（）

  累加功能：

  let a = [1,2,3,4].reduce(function(x, y) {
      return x + y;
  });
  

  数组转对象：

  const arr = [
      {id: '1', name: 'Jim'},
      {id: '2', name: 'Lily'},
      {id: '3', name: 'Allen'}
  ]
  let obj = arr.reduce((acc, current) => {
      return {...acc, [current.id]: current};
  }, {})
  console.log(obj)
  // {
  //     1: {id: '1', name: 'Jim'},
  //     2: {id: '2', name: 'Lily'},
  //     3: {id: '3', name: 'Allen'}
  // }
  

  将二维数组扁平化为一维数组

  const array1 = [
      ['没','有', '共','产','主义'],
      ['就', '没', '有', '新', '中','国']
  ];
  let array2 = array1.reduce((acc, current) => {
      return acc.concat(current);
  }, [])
  console.log('arrLevel1', arrLevel1)
  // -> ['没','有', '共','产','主义'，'就', '没', '有', '新', '中','国']
  

• 找元素：find（item=>{return 条件}）

  和some不同的是，他返回的是元素

• 找元素（下标）：findIndex（item=>{return 条件}）

  和find不同的是，他返回的是元素下标

• 找元素：includes（value）

  和some不同的是，他参数是元素

• 转化为本地化字符串toLocaleString()

对象常用api

Object对象

• 属性合并：assign（目标对象，属性源....）

  let target = {"name":"张三","年龄":"18"}
  let sourse = {"sex":"男","职业":"程序员"}
  Object.assign(target,sourse)
  console.log(target)
  

• 获取对象原型：getPrototypeOf(obj)

• 判断对象是否可扩展(是否可在上面新增属性):isExtensible(obj)

• 阻止对象被扩展:preventExtensions(obj)

• 判断两个值是否相同：is(value1,value2)

• 返回对象可枚举属性的数组：values（obj）

String对象

• 返回指定位置的字符：charAt(number)

• 返回指定位置字符的Unicode编码：charCodeAt（number）

• 将Unicode码转换为字符串：fromCharCode（）

• 选取字符串：slice（start，end）

  类似于数组的截取函数slice

• 分隔数组：split（“？”）

  将字符串以"?"分割成数组

  var a = "没有共产dang,就没有新中国！"
  console.log(a.split(","))
  console.log(a.split(""))
  

• 返回指定字符串的第一个位置:indexOf()

• 大写转换：toLowerCase()

• 小写转换：toUpperCase()

  var str = "AbCdefGhIJklmN";
  console.log(str.toUpperCase());
  console.log(str.toLowerCase());
  

• 正则匹配：match（）
• 字符替换：replace（）
• 字符匹配：search（）

Number对象

• 数字转化：Number（）

  将括号里的字符转化为数字类型

• 转化字符：toString（）

  将数字转化为字符串

• 四舍五入：toFixed(n)

  小数点后n位四舍五入

• 整数转换:parseInt()

• 浮点数转换：parseFloat()