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

news/2024/7/19 15:03:08 标签: javascript, js, 前端, web
webkit-tap-highlight-color: rgba(0, 0, 0, 0);">

js%0A1instanceofarr_instanceof_Array%0A2ArrayisArraytruefalseie9%0A3%0A1push%0Aarrpushpush%0A2unshift%0Aarrunshiftunshift%0A3pop%0A4shift_0">js内置对象:数组对象
1、检测是否为数组,instanceof,例:arr instanceof Array
2、检测是否为数组,Array.isArray(参数);返回true或false,ie9+
3、添加删除数组元素:
(1)push();在数组的末尾添加一个或多个数组元素。
arr.push(数组元素),push完毕之后,返回的结果是新数组的长度,原数组也会发生变化。
(2)unshift();在数组的开头添加一个或多个数组元素。
arr.unshift(数组元素);unshift完毕之后,返回的结果是新数组的长度,原数组也会发生变化。
(3)pop();可以删除数组的最后一个元素(无参数),返回值是删除的那个元素。
(4)shift();删除数组的第一个元素(无参数),返回值为删除的那个元素。


4、数组排序:
(1)翻转数组:arr.reverse();
(2)数组排序:arr.sort();

javascript">arr.sort(function(a, b) {
return a-b;//升序
//return b-a;//降序
});

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

相关文章

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

js内置对象:数组对象 1.数组索引方法indexOf(数组元素); 其返回值为该数组元素的下标,若数组元素重复,他返回第一个满足条件的索引号。 若在该数组中找不到此数组元素,则返回-1。 可以指定第二个…

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

DOM就是Document Object Model DOM树:文档、元素(所有标签)、节点(标签、属性、文本、注释等) dir的作用,可返回元素对象,更好的查看里面的属性 事件三要素: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…