javascript中知道一个数组中的一个元素的值，如何获取数组下标

一步，打开eclipse开发工具，新建静态页面lastIndexOfhtml，如下图所示：

第二步，在<script></script>内编写代码，声明两个变量E1和E2，如下图所示：

第三步，预览该静态页面，打开浏览器控制台，查看打印结果，如下图所示：

第四步，再次修改代码，lastIndexOf方法内第一个参数设置为数组中没有的元素，如下图所示：

第五步，再次预览该静态页面，发现打印的结果为“-1”，说明没有查找到该元素，如下图所示：

第六步，再次修改代码，添加第二个参数，从倒数第二个开始查找，如下图所示：

可以用数组的indexOf函数，方法arrindexOf(find,start);

find:要找的内容，必须；

start:查找开始下标，可选；

返回：查找数据所在的下标，如果没找到，返回-1

如果只要知道是否有8这个数字，直接调用arrindexOf(8)，如果返回值不为-1，说明找到了

var s=[1,2,3,5,6,9];

var u=sindexOf(5);//返回5所在的下标3

var d=sindexOf(8);//返回-1

consolelog(u);

consolelog(d);

数组的创建方式

1字面量的形式： var arr=[1,2,3];

1构造函数： var arr1=new Array();//不常用

Array构造函数有一个很大的缺陷，就是不同的参数，会导致它的行为不一致。

1单个数值作为参数，参数表示数组的元素个数

可以看到，Array作为构造函数，行为很不一致。因此，不建议使用它生成新数组，直接使用数组字面量是更好的做法。

push/pop/unshift/shift//增加、删除元素 （数组的方法，所以使用时应调用

数组名方法名（））

arr slice/splice//截取元素

arrslice(); 原数组不发生改变

无参数时，返回原数组，相当于数组的复制。

一个参数时，从参数作为下标的元素截取，至数组结束。

二个参数时，从第一个参数作为下标（索引）的元素开始截取，到第二个参数作为下标的元素结束，但不包括第二个参数作为下标的函数。 （起始元素包含，结尾元素不包含）

多个参数时，前两个参数起效，后边的参数无效。

arrsplice(); 原数组改变

无参数时，返回空数组。

一个参数时，从参数作为下标的元素截取，至数组结束。

二个参数时，从第一个参数作为下标（索引）的元素开始截取，即表示截取的起始位置，第二个参数表示截取的元素个数。

多个参数时，前两个参数起效，后边的参数从原数组的截取起始位置开始填充，填充到原数组。

reverse/sort//改变元素位置

arrreverse(); //数组翻转(元素位置颠倒)

arrsort(); 从小到大排序，但遵循的是字符串的按位比较规则，所以排序结果容易出现异常。

join();//不改变原数组

join() 以指定参数作为连接符，将所有数组成员连接为一个字符串返回。如果不提供参数，默认用逗号分隔。

concat();//拼接数组 不改变原数组

ES5新增数组 *** 作方法

indexOf (item) 返回元素在数组中对应的索引值，找不到的话，返回-1，用以测试元素是否存在于数组中

forEach(function(item,index)) 遍历数组,没有返回值

map(function(item,index)) 遍历数组,存在返回值

filter(function(item)) {return item>2} 返回大于2的元素

some 返回布尔值，条件部分成立|| arrsome(function(item){return item>2} )

every 返回布尔值，条件全部成立&& arrevery(function(item){return item>2} )

reduce (对数组中的所有元素调用指定的回调函数。该回调函数的返回值为累积结果，并且此返回值在下一次调用该回调函数时作为参数提供。)arrreduce(function(a,b){return a+b;});

toString()和toLocaleString()

功能：将数组的每个元素转化为字符串，并且输出用逗号分隔的字符串列表。功能类似join()；

参数：无

输出：字符串

indexOf()和lastIndexOf()

功能：搜索整个数组中具有给定值的元素，返回找到的第一个元素的索引或者如果没有找到就返回-1；lastIndexOf为反向搜索。

参数：元素的值，起点索引（可选）

输出：索引值或-1

Arrayfrom()

功能：将两类对象转为真正的数组：类似数组的对象和可遍历的对象

参数：待转换的对象，第二个参数可选，作用类似于数组的map方法，用来对每个元素进行处理，将处理后的值放入返回的数组。

输出：数组

Arrayof()

功能：将一组值，转换为数组。

参数：数组元素

输出：数组

copyWithin()

功能：在当前数组内部，将指定位置的成员复制到其他位置，返回变化后的数组。

参数：索引（从该位置开始替换数据）；索引（从该位置开始读取数据，默认为0，负值表示倒数）；索引（到该位置前停止读取，默认为最大索引）

输出：返回当前替换后的数组。

注意：改变了当前数组

find()和findIndex()

功能：找到第一个符合条件的数组成员。

参数：回调函数，所有数组成员依次执行该函数，直到找到第一个返回值为true的成员。回调函数可以接受三个参数，依次为值，位置，原数组。

输出：find()返回找到的成员；findIndex()返回成员的位置。

fill()

功能：使用给定的值，填充一个数组。

参数：第一个参数为待填充的值，第二和第三参数可选，分别表示填充的起始和结束位置(不包括)。

输出：填充后的数组

entries()、keys()、values()

功能：用于遍历数组，可以用for…of循环进行遍历。区别是keys()是对键名的遍历、values是对键值的遍历、entries()是对键值对的遍历。

参数：无

输出：遍历器对象

includes()

功能：表示某个数组是否包含给定的值

参数：第一个参数必选（待检查的给定值），第二个参数可选，表示搜索的起始位置，默认为0，负数表示倒数的位置。

输出：一个布尔值。

注意：和indexOf的区别，indexOf进行了运算符的强比对，会导致对NaN误判。

js判断某个给定值是否在数组中的方法：

function isInArray(arr, val){ var i, iLen; if(!(arr instanceof Array) || arrlength === 0){ return false; } if(typeof ArrayprototypeindexOf === 'function'){ return !!~arrindexOf(val) } for(i = 0, iLen = arrlength; i < iLen; i++){ if(val === arr[i]){ return true; } } return false;}isInArray([1,2,3,4,5],5);//trueisInArray([1,2,3,4,5],6);//falseisInArray([1,2,3,4,5],'5');//false

解释：

arr instanceof Array判断arr变量是否为数组，如果不是，则输入参数有误，返回false

arrlength === 0判断数组长度是否为0，如果是0，则无论给出哪个值，都不在数组中，返回false

typeof ArrayprototypeindexOf === 'function'用来判断浏览器是否原生支持数组的indexOf方法，新版的浏览器都支持数组原生的indexOf，该函数用于获取给定值在数组中的位置信息，如果存在返回首次出现的位置下标，不存在返回-1

arrindexOf(val)使用原生的方法判断val首次在arr中出现的下标，不存在返回-1

~为取反，只有在值为-1的时候，取反结果为0，其他情况都非零。

!!隐式转换，转为bool型，如果是0则转换后为false，否则为true

后面用循环判断数组每一个值与给定值是否完全相等（此处用===表示不仅数值相等，类型也要相等），如果相等返回true，否则循环结束后返回false

需要准备的材料分别是：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：indexhtml。

2、在indexhtml的<script>标签中，输入js代码：

var a = [1, 6, 8, 5, 23, 6, 6, 7, 8], b = [], c = [];

for (var i = 0; i < alength; i++) {

if (cindexOf(a[i]) === -1) {

cpush(a[i]);

} else {

bpush(a[i]);

}

}

documentbodyinnerText = b;

3、浏览器运行indexhtml页面，此时会打印出数组a中重复的数据。

以上就是关于javascript中知道一个数组中的一个元素的值，如何获取数组下标全部的内容，包括:javascript中知道一个数组中的一个元素的值，如何获取数组下标、js如何查找数组中是否存在某个值、JS数组方法等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！