首页 > 其他分享 >JS数组的常用方法-常用篇

JS数组的常用方法-常用篇

时间:2023-02-03 17:45:09浏览次数:43  
标签:常用 console 数组 JS arr1 Love ha log

  1.join 数组变成字符串      不改变原数组

1   let arr1 = ['I', 'Love', 'You']
2   console.log(arr1.join(), arr1);//I,Love,You,  ['I', 'Love', 'You']
3   console.log(arr1.join('-'), arr1);//I-Love-You  ['I', 'Love', 'You']
  2.split 字符串变成数组     不改变原数组
1   let string1 = 'I/Love/You'
2   console.log(string1.split('/'), string1); //['I', 'Love', 'You']  'I/Love/You'
  3.push 末尾添加           改变原数组   4.pop  末尾删除           改变原数组   5.unshift 首位添加        改变原数组   6.shift  首位删除         改变原数组
1   console.log(arr1.push('ha'),arr1);//4  ['I', 'Love', 'You', 'ha']
2   console.log(arr1.pop('ha'),arr1);//ha  ['I', 'Love', 'You']
3   console.log(arr1.unshift('ha'),arr1);//4  ['ha', 'I', 'Love', 'You']
4   console.log(arr1.shift('ha'),arr1);//ha  ['I', 'Love', 'You']
  7.reverse 反转数组        改变原数组
1   console.log(arr1.reverse(), arr1);//["You","Love","I"]   ["You","Love","I"] 
  8.sort 排序               改变原数组
1   let arr2 = [3, 9, 2, 90, 34] 
2   console.log(arr2, arr2.sort((a, b) => { return a - b }));//[90,34,9,3,2]  [90,34,9,3,2]
3   console.log(arr2, arr2.sort((a, b) => { return b - a }));//[2,3,9,34,90]  [2,3,9,34,90]
  9.concat 数组拼接         不会改变原数组
1   console.log(arr1.concat(arr2),arr1,arr2);// ['You', 'Love', 'I', 90, 34, 9, 3, 2]  ['You', 'Love', 'I']  [90, 34, 9, 3, 2]
  10.splice 截取/删除替换数组 改变原数组   11.slice  截取/删除数组     不会改变原数组
1   let arr3=[1,2,3,4,5,6,7]
2   let arr4=[1,2,3,4,5,6,7]
3   let arr5=[1,2,3,4,5,6,7]
4   console.log(arr3.splice(0,3),arr3);//[1, 2, 3]  [4, 5, 6, 7]
5   console.log(arr4.splice(0,3,'嘿嘿'),arr4);//[1, 2, 3]  ['嘿嘿', 4, 5, 6, 7]
6   console.log(arr5.slice(1,3),arr5);//[2, 3]  [1, 2, 3, 4, 5, 6, 7]

 

 

标签:常用,console,数组,JS,arr1,Love,ha,log
From: https://www.cnblogs.com/tyysf/p/17090033.html

相关文章

  • js中toFixed 并不是你想的那样进行四舍五入
    toFixed的简单介绍toFixed()方法可把Number类型的数字通过四舍五入为指定小数位的字符串。(将数字类型转化为字符串类型)也就是说toFixed只能够处理数字类型的.字符......
  • k8s 常用命令
    k8s常用命令 node 查看服务器节点kubectlgetnodes 查看服务器节点详情kubectlgetnodes-owide 节点打标签kubectllabelnodes<节点名称>labelName=......
  • js:定时器setInterval、clearInterval的使用
    定时器:可以在固定时间间隔,重复调用一个函数文档https://developer.mozilla.org/zh-CN/docs/Web/API/setInterval常用的语法//设置定时器varintervalID=setInterv......
  • js: Math.random()获取随机数
    文档https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Math/random获取一个0-1之间的随机数//[0,1)console.log(Math.random())......
  • 《Vue.js 设计与实现》读书笔记 - 第8章、挂载与更新
    第8章、挂载与更新8.1挂载子节点和元素的属性扩展子元素的类型可以为数组,并判断如果是数组的话,就先依次挂载所有的子元素。同时新增节点属性。属性可以通过el.setAttr......
  • js浏览器录音功能
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-......
  • mysql常用语法汇总
    增删改查--新增insertintotb_student(`name`,age,sex,classid)values('李四',18,1,1);--删除deletefromtb_studentwhereid=1;--修改updatetb_students......
  • JS判断数据类型
    1:typeof只能判断基本数据类型数字,字符串、布尔复杂数据类型都是object1console.log(typeof"123");//string2console.log(typeof{});//object3console.lo......
  • vue.js客服系统实时聊天项目开发(十八)仿淘宝商品页面点在线客服传递产品卡片
    我们在使用淘宝的时候,在商品页面点击在线客服,跳转到客服聊天页以后,会浮动出当前产品信息,可以把产品信息发给客服现在我们也实现了类似功能,可以带着产品信息进聊天页面 ......
  • 找到所有数组中消失的数字
    给你一个含n个整数的数组nums,其中nums[i]在区间[1,n]内。请你找出所有在[1,n]范围内但没有出现在nums中的数字,并以数组的形式返回结果。constfindDisappe......