前端js-----基础(8)

news/2024/7/19 13:23:30 标签: js, 前端, javascript

js%0A1indexOf%0A%0A1%0A%0AlastIndexOfindexOf%0A2%0A1toString%0A2join%0A3slicearrslicestartend12%0A4splice_0">js内置对象:数组对象
1.数组索引方法indexOf(数组元素);
其返回值为该数组元素的下标,若数组元素重复,他返回第一个满足条件的索引号。
若在该数组中找不到此数组元素,则返回-1。
可以指定第二个参数,指定开始查找的位置。
lastIndexOf(数组元素);这个方法与indexOf()类似,只不过它是从后往前查。
2.数组转换为字符串:
(1)toString();
(2)join(‘分隔符’);其默认为逗号分隔。
3.slice()方法;提取出指定数组元素,arr.slice(start,end);参数为索引值,其中第一个参数是必须的,第二个参数为可选的。提取的数组元素当中,包含开始索引,但是不包含结束索引。有一点要注意的是,它的第二个参数可以为负值,-1为倒数第一个数组元素,-2为倒数第二个数组元素。。。以此类推即可。
4.splice()方法;删除指定数组元素,此方法会改变原数组,会将指定元素从元素组中删除,并将删除的元素作为返回值返回。此方法可以传递多个参数:第一个参数是开始位置索引;第二个参数是删除的数量;第三个参数及以后的参数是要添加的数组元素(这些元素将会自动的插入到开始位置索引的前面)。


数组去重函数封装:

javascript">function unique(arr) {
var newArr = [];
for(var i = 0;i<arr.length;i++){
if(newArr.indexOf(arr[i]) === -1){
newArr.push(arr[i]);
}
}
return newArr;
}

http://www.niftyadmin.cn/n/1143467.html

相关文章

前端js-----DOM之操作元素

DOM就是Document Object Model DOM树&#xff1a;文档、元素&#xff08;所有标签&#xff09;、节点&#xff08;标签、属性、文本、注释等&#xff09; dir的作用&#xff0c;可返回元素对象&#xff0c;更好的查看里面的属性 事件三要素&#xff1a;1.事件源 2.事件类型 3.事…

前端-----轮播图(焦点图)

原生js &#xff01;&#xff01;&#xff01;只需要改变img的src即可&#xff0c;其他功能都是动态生成的&#xff01;&#xff01;&#xff01; 功能展示&#xff1a; HTML&#xff1a; <!DOCTYPE html> <html><head><meta charset"utf-8"…

前端js-----DOM之节点操作

在节点操作中&#xff0c;可以利用几点层次关系获取元素&#xff08;父子兄节点关系&#xff09;。 一般的&#xff0c;节点至少拥有nodeType&#xff08;节点类型&#xff09;、nodeName&#xff08;节点名称&#xff09;和nodeValue&#xff08;节点值&#xff09;三个基本属…

前端js-----DOM之节点操作(增删改)

1.创建节点&#xff1a;document.createElement(‘tagName’); 2.添加节点&#xff1a;node.appendChild(child);将一个节点添加到指定父节点的子节点列表末尾&#xff0c;其中node为父元素。 node.insertBefore(child,指定元素)&#xff1b;将一个节点添加到父节点的指定子节…

前端js-----DOM事件高级

事件高级&#xff1a; 注册事件有两种方式&#xff0c;第一个是传统方式&#xff1b;第二个是方法监听注册的方式。 addEventListener(); 特点为&#xff1a;同一个元素同一个事件可以注册多个监听器。其参数有三个&#xff0c;第一个参数为type&#xff1a;事件类型字符串&am…

前端js-----DOM事件高级(阻止默认行为事件冒泡)

有时候我们不需要一些默认行为&#xff0c;这时我们需要阻止默认行为&#xff1a;代码如下 a.onclick function(e){ //e.preventDefault();//适用普通浏览器 //e.returnValue;//ie 6 , 7, 8 return false;//无兼容&#xff0c;&#xff08;仅限于传统注册方式&#xff0c;但r…

前端js-----动态生成表格(节点操作)

针对DOM节点操作&#xff0c;该案例效果图如下&#xff08;代码量不多&#xff0c;就没有结构与行为相分离&#xff09;&#xff1a; 原生js实现&#xff08;注释里面解释了做法&#xff09;&#xff1a; <!DOCTYPE html> <html><head><meta charset&quo…

前端js-----购物车加减事件(全选和全不选)

原生js&#xff08;效果图如下&#xff09;&#xff1a; 代码&#xff08;html、css、js没有分离&#xff09;&#xff1a; <!DOCTYPE html> <html><head><meta charset"utf-8"><title></title><style type"text/css&q…