美文网首页
javascripts数组常用方法总结

javascripts数组常用方法总结

作者: kyle背背要转运 | 来源:发表于2017-08-29 15:24 被阅读0次

整理下JavaScript里面 array的常用方法,日常使用~

转字符串 .toString()

var a = [1,2,3,4,5,5,4,3,2,1];
a.toString()
//输出结果:1,2,3,4,5,5,4,3,2,1

指定标识符分割并放到一个字符串里 .join();

var a = [1,2,3,4,5,5,4,3,2,1];
a.join('{')
//输出结果:1{2{3{4{5{5{4{3{2{1

栈方法 - 后进先出 - push , pop

var a = [1,2,3,4,5,5,4,3,2,1];
a.pop() 
// 1  pop的返回值是要删除的末尾元素
a
//[1, 2, 3, 4, 5, 5, 4, 3, 2]

a.push(666) 

// push的返回值是a.length = 10
// [1, 2, 3, 4, 5, 5, 4, 3, 2, 666]  

队列方法 - 先进先出 - shift unshift

var a = [1,2,3,4,5,5,4,3,2,1];
a.shift()
//1 shift的返回值是要删除的第一个元素

a.unshift(666)
// unshift的返回值是a.length = 10
// [666, 2, 3, 4, 5, 5, 4, 3, 2, 1]

反转顺序 reverse()

var a = ['a','b','c',1,2,3]

a. reverse();
//[3, 2, 1, "c", "b", "a"]

排序 sort()

var a = [-1,1,-2,2,09,-99,99,1]
a.sort()
// (8) [-1, -2, -99, 1, 1, 2, 9, 99]

a.sort(function(a , b){
    return a-b
})
(8) [-99, -2, -1, 1, 1, 2, 9, 99]
a.sort(function(a , b){
    return b-1
})
(8) [99, 9, 2, -99, -2, -1, 1, 1]

lastIndexOf () - 搜索元素最后出现的位置,没有返回-1

var a = [1,2,3,4,5,1]
undefined
a.lastIndexOf(1)
5

indexOf() - 搜索元素最先出现的位置,没有返回-1

var a = [1,2,3,4,5,1]
undefined
a.indexOf(1)
0

过滤 filter() - 返回数组

var a = [1, 14,45 , 20, 2].filter(function(item){
     return item >5;
});
(3) [14, 45, 20]

映射 map() 返回true / false

var a = [1, 14,45 , 20, 2].map(function(item){
     return item >5;
});
(5) [false, true, true, true, false]

some() 返回true / false 原值改变

var a = [-1,1,-2,2,09,-99,99,1]
a.some(function(item){
  return item > 5;
});
//true
//a 不变 [-1,1,-2,2,09,-99,99,1]
a.some(function(item){
  return item < 0;
});
//undefined 
// a 的值变为false (5) [false, false, false, false, false]


every() 返回值 true / false 原值不变

var a = [-1,1,-2,2,09,-99,99,1]
a.every(function(item){
  return item > -199;
});
//true
//(8) [-1, 1, -2, 2, 9, -99, 99, 1]

var a = [-1,1,-2,2,09,-99,99,1]
a.every(function(item){
  return item  < 0;
});
//false
//(8) [-1, 1, -2, 2, 9, -99, 99, 1]

forEach()

var a = [2,3,4,5,6,7];
a.forEach(function(key,index,array){
    console.log( key + ' - '+ index + '-' +array)
})
VM4186:3 2 - 0-2,3,4,5,6,7
VM4186:3 3 - 1-2,3,4,5,6,7
VM4186:3 4 - 2-2,3,4,5,6,7
VM4186:3 5 - 3-2,3,4,5,6,7
VM4186:3 6 - 4-2,3,4,5,6,7
VM4186:3 7 - 5-2,3,4,5,6,7

相关文章

  • javascripts数组常用方法总结

    整理下JavaScript里面 array的常用方法,日常使用~ 转字符串 .toString() 指定标识符分割...

  • # 数组常用属性和方法总结

    数组常用属性和方法总结 数组也是对象,数组有对象的所有方法 1. 数组属性(2个主要属性) length -> 万...

  • Javascript中数组常用方法总结

    Javascript中数组常用方法总结 创建方式:Array构造函数字面量Array创建数组的静态方法from: ...

  • 数组常用方法总结

    数组的一些操作方法?这里按照是否改变原始数组进行分类如下 1. 改变原始数组的 ``` - fill(value,...

  • 数组常用方法总结

    前言 最近工作的时候总是记不住数组,对象,字符串的方法,写一篇方法总结好好的巩固一下,以后也好复习。 数组的定义 ...

  • 数组常用方法总结

    MDN[https://developer.mozilla.org/en-US/docs/Web/JavaScri...

  • js数组相关的一些方法(一)

    很早就想做个总结,难得今日有空,总结一些常用的数组方法,如下:1.joinjoin(separator):将数组的...

  • 数组基础

    数组基础 新建数组 数组方法和属性 数组常用方法 数组的遍历方法

  • 数组

    数组 数组常用方法 数组去重

  • 数组基础

    数组基础 新建数组 数组方法和属性 数组合并 数组常用方法

网友评论

      本文标题:javascripts数组常用方法总结

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