欢迎光临
我的个人博客网站

javascript 数组 对象的一些方法记录

记录一下常用的数组和对象的一些方法

  1. 数组
  • push() 数组后添加元素
// 作用:把一个元素或多个元素,从数组后面添加到数组里面; // 参数:添加的数据 // 返回:添加后的数组的长度; let arr = [1, 2, 3]; arr.push(5, "6"); 
  • find() 数组中找出符合条件的第一个元素
let result = [].find(function(item,index,self){      return true; });  // 回调函数有三个参数,分别表示:数组元素的值、索引、整个数组 // 如果某次循环返回的是true,find方法的返回值就是满足这个条件的第一个元素。 // 如果没有找到会返回undefined。  // 用法:找数组中第一个小于0的数字 let arr = [1, 2, 4, 0, -4, 3, -2, 9]; let result = arr.find(function (item) {     return item < 0;   }); let result =arr.find(item=>item<0)  // -4 
  • findIndex 获得指定数组元素下标
// 参数:函数(被传入的函数,回调函数) //      格式要求: //          item  回调函数,代表每一次遍历的数据 //          return 判断条件 // 返回:满足条件的第一个元素的下标,若没有,返回-1; var index = arr.findIndex(function(item) {     return item === 20; }); console.log(index);  // 根据 nowArticleID 把其在 articleList 数组中的下标给获得到 const index = this.articleList.findIndex(     item => item.art_id === this.nowArticleID ) 
  • pop 数组后置删除元素
// 作用:从数组的后面删除一个元素 // 参数:无; // 返回:被删除的元素;  var arr = [2,5,9,8,7,6] var res = arr.pop(); console.log(arr, res);  
  • unshift 数组前置追加元素
  // 作用:从数组前面添加数据(一个或者多个)   // 参数:一个或者多个;   // 返回:添加后的数组的长度    var l = arr.unshift("a", "b");   console.log(arr, l); 
  • shift 数组前置删除元素
// 作用:从数组的前面删除一个元素 // 参数:无; // 返回:被删除的元素;  var arr = [2,5,9,8,7,6] var res = arr.shift(); console.log(arr, res); 
  • map数组映射
    map映射方法:对数组进行遍历,返回一个新数组,元素个数与被处理数组一致,但是元素的value值是map处理过的。map映射方法:对数组进行遍历,返回一个新数组,元素个数与被处理数组一致,但是元素的value值是map处理过的。
// 获取频道的全部id,以数组格式返回 const userChannelIds = this.channelList.map(item => {     return item.id })  var a = [1,2,3,4,5] var b = a.map(function(current,index,array){     return current + 1 })   console.log(b) // [2,3,4,5,6] console.log(a) // [1,2,3,4,5]  
  • filter数组过滤
    filter方法,对数组的元素进行过滤,把符合条件的元素重新组成数组返回。
// 作用:对当前数组一定的过滤; // 参数:函数(函数)格式要求: //      函数参数:item,index,arr //      item:每个数据 //      index:下标; //      arr:当前遍历的数组; //      return 过滤条件; 返回是true,把当前满足条件的item 放入新的数组中 // 返回:返回过滤后的新数组;  var arr_1 = arr.filter(function(item, index, arr) {     // 过滤条件; 返回是true,把当前满足条件的item 放入新的数组中     return item == 10; }); console.log(arr, arr_1);  const rest = this.channelAll.filter(item => {     // Array.includes判断是否包含该元素     return !userChannelIds.includes(item.id) }) 
  • includes数组包含
includes方法,判断数组是否包含指定的元素。返回 true / false 数组.includes(参数1,参数2)  // 参数1,必须,表示查找的内容 // 参数2,可选,表示开始查找的位置,0表示从第一个元素开始找。默认值是0。  let arr = [1, 4, 3, 9]; console.log(arr.includes(4));    // true console.log(arr.includes(4, 2)); // false, 从下标为2的位置开始查,所以没有找到4 console.log(arr.includes(5));    // false 
  • concat 数组拼接
// 数组.concat(); // 传入:拼接的数据。 // 返回:新数组;  // 传入1个数据 var arr = [1, 2]; var Arr = arr.concat("abc"); console.log(arr, Arr);  // 传入多个数据 var Arr = arr.concat("a", "b", "c", "d", "e", "f"); console.log(arr, Arr);  // 传入1个数组 var Arr = arr.concat(["aa", "bb"]); console.log(arr, Arr);  // 传入多个数组 var Arr = arr.concat(["aa", "bb"], [77, 88]); console.log(arr, Arr);  
  • splice 数组增删改
var arr = ['a', 'b', 'c', 'd', 'e']; // 删除: // 参数:第一个参数是开始的下标,第二个参数:要删除的个数; // 返回:被删除元素的数组; var res = arr.splice(3, 1); console.log(arr);----->['a', 'b', 'c',  'e']     删除元素对原数组进行操作 console.log(res);----->['d']  // 添加: // 参数:第一个参数:开始的下标;第二个参数:删除的个数;后面参数:要添加的数据,从开始的下标位置添加; // 返回:没有删除,返回[] var res = arr.splice(3, 0, "AA", 18); console.log(arr); ---->["a", "b", "c", "AA", 18, "d", "e"] console.log(res); ---->[]  // 修改: // 参数:第一个参数:开始的下标;第二个参数:删除的个数;后面参数:要添加替换的数据,从开始的下标位置; // 返回:被替换的数据的数组; var res = arr.splice(3, 1, "HH"); console.log(arr); ----->["a", "b", "c", "HH", "e"] console.log(res); ----->["d"] 
  • 数组与字符串互转split和join
var str = '刘备|关羽|张飞'; console.log(str);  // 字符串---->数组: // 参数:分隔符 // 返回:数组; var arr = str.split("|"); console.log(arr);  // 数组----->字符串 // 参数:分隔符; // 返回:字符串; var str_1 = arr.join("*_*"); console.log(str_1); 
  • indexOf 数组中查找元素
// 参数:被查找的元素 // 返回:被查找的元素的下标索引(没有找到返回-1)  // 场景:查找数组中有没有我们需要的数据; var arr = [1, 10, 20]; var index = arr.indexOf("a"); console.log(index);     ----->-1  
  • forEach 遍历数组
var arr = [0, 10, 10, 10, 20]; // 作用:遍历数组 // 参数:函数(函数)格式要求: //      函数参数:item,index,arr //      item:每个数据 //      index:下标; //      arr:当前遍历的数组;  var max = arr[1]; arr.forEach(function(item, index, arr) {     console.log(item, index, arr);     if (item > max) {         max = item;     } }); console.log(max);  
  • slice 截取数组
// 作用:截取数组 // 参数: // 返回:被截取的新数组; var arr = ['a', 'b', 'c', 'd', 'e'];  // 参数:2个参数。第一个参数从哪个下标开始(包括),截取到哪个下标结束(不包括), var res = arr.slice(1, 4); console.log(arr, res);  // 参数:1个参数,从哪个下标开始,一直到结尾都要截取 var arr_1 = arr.slice(1); console.log(arr_1);  // 参数:没有参数,全部截取,复制数组; var res = arr.slice(); // 数组:复杂数据类型; console.log(res, arr); console.log(res == arr);   ---->false 
  • 数组排序 sort()
// sort() 方法用于对数组的元素进行排序。  var arr = [11,52,74,85,96,15]; arr.sort(sortby)  // sortby	可选。规定排序顺序。必须是函数。 // 返回值:对数组的引用。  // 注意:数组在原数组上进行排序,不生成副本。  // 如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。要实现这一点,首先应把数组的元素都转换成字符串(如有必要),以便进行比较。  // 如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值如下:  // 若 a 小于 b,在排序后的数组中 a 应该出现在 b 之前,则返回一个小于 0 的值。 // 若 a 等于 b,则返回 0。 // 若 a 大于 b,则返回一个大于 0 的值。  
  • 数组倒序reverse()
// reverse() 方法用于颠倒数组中元素的顺序。  var arr = [11,52,74,85,96,15]; arr.reverse();  // 注意:该方法会改变原来的数组,而不会创建新的数组。  
  • 扩展运算符
    把数组中的元素一项项地展开,把一个整体的数组拆开成单个的元素。
var arr1 = [1, 2, 3]; var arr2 = [...arr1]; 
  • 数组的去重操作
let arr1 = [1, 2, 3, 3, 4, 5]; let arr = [...new Set(this.arr1)] 
  • some() 方法
    some() 方法用于检测数组中的元素是否满足指定条件(函数提供)。

some() 方法会依次执行数组的每个元素:

如果有一个元素满足条件,则表达式返回true , 剩余的元素不会再执行检测。
如果没有满足条件的元素,则返回false。
注意:

some() 不会对空数组进行检测。
some() 不会改变原始数组

// 检索数组中是否存在某个值  function some(item,index,arr){ 	if(item == 10){ 		console.log	(item+"存在于这个数组"); 	} 		console.log	(item+"不存在于这个数组"); }   var a = [11,50,40,3,5,80,90,4]; a.some(some) // 10不存在于这个数组 // false  
  • Array.isArray()
    判断一个对象是不是数组,返回的是布尔值
let arr = [1, 2, 3, 4, 5];  console.log(Array.isArray(arr))    // true  let str = "12345" console.log(Array.isArray(str))    // false 
  • Array.toString()
    此方法将数组转化为字符串:
let arr = [1, 2, 3, 4, 5];    let str = arr.toString() console.log(str)     // 1,2,3,4,5 
  • Array.every()
// 此方法是将所有元素进行判断返回一个布尔值,如果所有元素都满足判断条件,则返回true,否则为false:  let arr = [1, 2, 3, 4, 5] const isLessThan4 = value => value < 4     const isLessThan6 => value => value < 6    arr.every(isLessThan4 ) //false arr.every(isLessThan6 ) //true 

转载文章,如有侵犯,联系删除!

赞(0) 打赏
未经允许不得转载:张拓的天空 » javascript 数组 对象的一些方法记录
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

专业的IT技术经验分享 更专业 更方便

联系我们本站主机

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏