当前位置:首页 > 生活百科

js数组查找某个元素位置(js数组和对象的区别)

栏目:生活百科日期:2024-12-08浏览:0

JavaScript数组多种方法以及字符串方法的功能你了解多少??(学了多种语言后,你会发现他们都是有很多共同之处的)

数组方法

indexOf

数组可以通过indexOf()来搜索一个指定的元素的位置,如未找到返回 -1;

var arr = [10,20,&”30&″,&”abc&”];
console.log(arr.indexOf(10)); //元素10的索引为0
console.log(arr.indexOf(30)); //元素30未找到,返回-1
//注意:数字30和字符串&”30&″是不同元素

concat

concat()方法把当前的 数组 和 另一个 数组连接起来,并返回一个新的 数组;

var arr1 = [&“a&”,&”b&”,&”c&”];
var arr2 = [1,2,3];
var newArr = arr1.concat(arr2,&”再次添加&”);
newArr; //[&“a&”,&”b&”,&”c&”,1,2,3,&”再次添加&”];
arr1; //[&“a&”,&”b&”,&”c&”]

push和pop

push()向数组的末尾添加若干元素,pop() 则把 数组的最后一个元素删除掉

var arr = [1,2];
arr.push(&“a&”,&”b&”);
console.log(arr);//[1,2,&”a&”,&”b&”]
arr.pop(); //pop() 返回“b”;
arr; //打印[1,2,&”a&”]
arr.pop();arr.pop();arr.pop(); //连续3次pop
arr; //打印[]
arr.pop(); //空数组继续pop不会报错,而是返回undefined
arr;//打印[]

unshift和shift

unshift() 向数组前面添加若干元素,shift() 则把数组的第一个元素删除掉

var arr = [1,2];
arr.unshift(&“a&”,&”b&”); //返回新长度 4
arr;//打印[&“a&”,&”b&”,1,2]
arr.shift();//返回&”a&”
arr; //打印[&“b&”,1,2]
arr.shift();arr.shift();arr.shift(); //连续3次
arr; //打印[]
arr.shift(); //空数组继续删除不报错,返回undefined
arr; //打印[]

slice

slice() 截取数组的部分元素,然后返回一个新的数组

var arr = [&“a&”,&”b&”,&”c&”,&”d&”,&”e&”,&”f&”,&”g&”];
console.log(arr.slice(0,3)); //从索引0开始,到索引3结束,但不包括3:[&“a&”,&”b&”,&”c&”]
console.log(arr.slice(3)); //从索引3开始到结束:&”d&”,&”e&”,&”f&”,&”g&”

如果不给slice()传递任何参数,他就会从头到尾截取所有元素。利用这一点,可以很容易的复制一份新的数组

var arr = [1,2,3];
var aCopy = arr.slice();
aCopy; //[1,2,3]

sort

sort() 可以对当前数组排序

var arr = [&“b&”,&”c&”,&”a&”];
arr.sort();
arr;//[&“a&”,&”b&”,&”c&”]

reverse

reverse() 把整个数组的元素给掉个个,也就是反转

var arr = [&“one&”,&”two&”,&”three&”];
arr.reverse();8
arr; //[&“three&”,&”two&”,&”one&”]

join

join() 方法把数组的每个元素用指定的字符串连接起来,然后新的字符串

var arr = [&“a&”,&”b&”,&”c&”,1,2,3];
arr.join(&“-&“); //&”a-b-c-1-2-3&″

splice

splice() 方法是修改数组的“万能方法”,他可以从指定的索引开始删除若干元素,然后再从该位置添加若干元素;

//splice(索引值,删除数量,&”值1&″,&”值2&″);
var arr = [&“苹果&”,&”橘子&”,&”香蕉&”,&”芋头&”,&”桂圆&”,&”山楂&”];
//从索引2开始删除3个元素,然后再添加两个元素
arr.splice(2,3,&”白梨&”,&”西瓜&”);
console.log(arr); // &“苹果&”,&”橘子&”,&”白梨&”,&”西瓜&”,&”山楂&”
//只删除,不添加
arr.splice(2,2); //&”白梨&”,&”西瓜&”
console.log(arr); //&”苹果&”,&”橘子&”,&”山楂&”
//只添加,不删除
arr.splice(2,0,&”白梨&”,&”西瓜&”);
console.log(arr);// &“苹果&”,&”橘子&”,&”白梨&”,&”西瓜&”,&”山楂&”

字符串的方法

slice()

slice(start[,end]),start&–开始索引 end&–结束索引

var str = &“中华人民共和国&”;
var str1 = str.slice(2,4); //人民

substr()

substr(start[,length]),start:开始,取length个字符

var str = &“中华人民共和国&”;
var str1 = str.substr(2,5); //人民共和国

split()

split([separator[,limit]]),按条件分割字符串,返回数组

var str = &“中华人民共和国&”;
var arr = str.split(&“&”); //[&“中&”, &“华&”, &“人&”, &“民&”, &“共&”, &“和&”,&”国&”]
var str1 = &“杏|石|口|路|81|号&”;
var arr1 = str1.split(&“|&”); //[&“杏&”, &“石&”, &“口&”, &“路&”, &“81&”, &“号&”]

indexOf()

在父串中首次出现的位置,从0开始!没有返回-1

lastIndexOf()

倒序查找

charAt(index)

charAt(index) 指定索引的字符

toLowerCase()

转小写

toUpperCase()

转大写

“js数组查找某个元素位置(js数组和对象的区别)” 的相关文章

全网推广的方式(一文揭晓全网推广方式)

现在是一个互联网信息化的时代,网络成为了生活和工作重要的一种工具。对于郑州网络推广公司来说全网营销并不是一个陌生的概念。如何给企业做好定制化的全网营销推广方案...

vmware如何创建虚拟机(图示创建虚拟机详细教程)

创建虚拟机引子:此时,我们的VMware已经安装完毕了,并且CentOS镜像也成功下载完毕了(如果没有下载,在我们的附件资料【软件】文件夹中有VMware和Ce...

mendeley使用教程导出(mendeley语言设置方法)

请注意本机版本mendeleydesktop1.19.8本机系统ubuntu20.04长期-确定使用的是fcitxqt版本5.5.164bitfcitx5-qt...

女士适合开什么车,这6款不仅拥有高颜值性价比也高

俗话说的好:“宝剑赠英雄,红粉送佳人”,而香车美人素来也是佳配。对于女生来说,肯定是把车的“颜值”放在第一位,毕竟女生对于外表的追求往往都要比男生高,女生化妆就...

微信分在哪看(微信分开通教程)

近日,微信支付分正式全面开放,用户可以直接查询并通过支付分来获得免押服务。目前,微信用户直接打开微信&>我&>钱包,就可以查看自己的支付分。与支付宝...

国外logo网站有哪些,这10个logo网站大神都在用

大神们都在用的10个LOGO资源网站,快来看看有你满意的么?还在为找不到logo设计灵感而烦恼么?想提高Logo设计技巧吗?推荐顶尖的Logo设计资源网站,也许...

如何开淘宝店铺,这些需要注意的地方你都知道吗

如何开淘宝店步骤1、淘宝开店前期需要交纳1000的保障金,这个在不开店的时候可以随时退还给你,主要是为了防止你在淘宝上进行诈骗行为。2、店铺开起来的话主要是一个...

全民k歌自助店怎么加盟,全民k歌实体店加盟官网介绍

日前在腾讯2017全球合作伙伴大会,全民K歌宣布旗下子品牌“全民K歌自助店”项目正式启动,在媒体沟通会上,全民K歌自助店负责人严秋朴为大家详细介绍了该项目的更多...

vipkid少儿英语效果,vipkid英语教学怎么样

vipkid少儿英语怎么样,孩子在vipkid学英语真的有效果吗?众所周知,线上教育因为其方便快捷,价格便宜等优越性,近年来饱受家长亲昵,常常是给孩子报名补习的...

公司员工考勤表怎么做(简洁美观且实用的考勤表制作教程

自2019年12月开始的新肺炎病情闹的整个中国人心惶惶,眼下仍然还在肆虐,这次病毒的传播速度之快的确有点出乎我们所有人的意料,到今天为止也就短短不到一个月,由2...