原生JavaScript第三篇

原生js学习笔记3——数组

  定义数组

  两种方式定义一个数组:

  1. var array1 = new array(1, 2, 3, 4);

  2. var array2 = [1, 2, 3, 4];

  数组元素的插入删除

  push(元素):从尾部添加新元素

  unshift(元素): 从头部添加新元素

  pop(),从尾部弹出元素

  shift(),从头部弹出元素

  从某个位置连续删除若干个元素

  splice(起始位置,长度)该方法从起始位置开始,删除长度个元素

  数组元素的插入插入若干个元素

  splice(起始位置,0,要插入的元素1,要插入的元素2,要插入的元素3.。。) 从起始位置删除0个元素,然后把要插入的元素从起始位置插入进数组

  数组元素的替换

  splice(要替换的元素起始位置,要替换元素的长度,新替换的元素1、新替换的元素2.。。)

  数组的排序

  sort()方法能实现数组的排序(按照ASICC表的顺序排序)

  给字符串数组排序:

var aArray = ["a", "b", "c", "a", "d"];

aArray.sort();

alert(aArray);

  给整型数组排序

  使用sort()方法不能给数字排序,所以我们需要给sort方法的参数部分传一个函数,已达到我们的目的(这一点和OC中的给数组排序含义类似)

var aArray = [2,13,21,12,23,45,23];

aArray.sort(function(num1,num2) {

return num1 - num2;

})

alert(aArray);

  数组的拼接

  concat()方法可以实现两个数组的拼接

var aArr1 = [1,2,3,4];

var aArr2 = [5,6,7,8];

var aArr3 = aArr1.concat(aArr2);

alert(aArr3);

  执行效果:

  数组元素之间添加分隔符

  join()方法可以使用括号中的参数作为数组中的元素分隔符

  执行效果:

时间: 2025-01-10 18:16:06

原生JavaScript第三篇的相关文章

原生JavaScript第八篇

原生js学习笔记8--Ajax基础   什么是Ajax 不刷新页面的情况下从服务器获取.提交数据的一种数据交互方式. Ajax使用步骤 1.创建Ajax对象 var httpRequest = new XMLHttpRequset可以创建一个Ajax请求对象. 注意:浏览器的兼容问题 IE6以及之前的IE不支持上边的创建爱你方法,这些版本的浏览器并没有集成Ajax,而是当做一个插件来处理,所以在创建时需要做兼容性处理: if (window.XMLHttpRequest) { xmlHttp =

原生JavaScript第六篇

原生js学习笔记6--事件 事件对象 鼠标事件 event.clientX在可视区中,鼠标点击的x坐标 event.clientY在可视区中,鼠标点击的y坐标 示例: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/jav

原生JavaScript第五篇

原生js学习笔记5--BOM操作 什么是BOM BOM:Browser Object Model 是浏览器对象模型,浏览器对象模型提供了独立与内容的.可以与浏览器窗口进行互动的对象结构,BOM由多个对象构成,其中代表浏览器窗口的window对象是BOM的顶层对象,其他对象都是该对象的子对象. 目前主流浏览器介绍 ? IE--11: 国内用得最多的IE浏览器,历来对W3C标准支持差.从IE10开始支持ES6标准: ? Sarafi:Apple的Mac系统自带的基于Webkit内核的浏览器,从OS

原生JavaScript第七篇

原生js学习笔记7--本地存储之cookie操作 什么是cookie ? 用来保存页面信息的,如用户名.密码 ? cookie的特性:同一个网站中所有的页面共享一套cookie:数量.大小限制:过期时间 ? js中使用cookie:document.cookie 如何设置cookie? 在js中,使用document.cookie = "键=值"即可,但是这种方式设置的cookie由于没有添加过期时间,所以关闭浏览器,cookie就丢失,我们要在后边继续加上expires=时间设置上过

原生JavaScript第四篇

原生js学习笔记4--BOM操作 什么是DOM DOM:Do 1. js的组成部分 2. 一套标准,目前有DOM1和DOM2这两种标准 我们可以使用DOM操作来操作页面中的元素. DOM节点 子节点 ? childNode:返回值一个数组,放的是父节点中所有的子节点 ? nodeType:返回值是一个数组,1表示元素节点,3表示文本节点 在某些浏览器中,如火狐,使用childNode获取所有元素节点时会把空格等一起或取出来,此时就需要使用nodeType来判断. 示例: <!DOCTYPE ht

深入理解javascript函数系列第三篇

前面的话 函数是javascript中特殊的对象,可以拥有属性和方法,就像普通的对象拥有属性和方法一样.甚至可以用Function()构造函数来创建新的函数对象.本文是深入理解javascript函数系列第三篇--属性和方法 属性 [length属性] 函数系列第二篇中介绍过,arguments对象的length属性表示实参个数,而函数的length属性则表示形参个数 function add(x,y){ console.log(arguments.length)//3 console.log(

深入理解javascript作用域系列第三篇

前面的话 一般认为,javascript代码在执行时是由上到下一行一行执行的.但实际上这并不完全正确,主要是因为声明提升的存在.本文是深入理解javascript作用域系列第三篇--声明提升(hoisting) 变量声明提升 a = 2 ; var a; console.log( a ); 直觉上,会认为是undefined,因为var a声明在a = 2;之后,可能变量被重新赋值了,因为会被赋予默认值undefined.但是,真正的输出结果是2 console.log( a ) ; var a

深入理解javascript作用域系列第三篇——声明提升(hoisting)

× 目录 [1]变量 [2]函数 [3]优先 前面的话 一般认为,javascript代码在执行时是由上到下一行一行执行的.但实际上这并不完全正确,主要是因为声明提升的存在.本文是深入理解javascript作用域系列第三篇——声明提升(hoisting) 变量声明提升 a = 2 ; var a; console.log( a ); 直觉上,会认为是undefined,因为var a声明在a = 2;之后,可能变量被重新赋值了,因为会被赋予默认值undefined.但是,真正的输出结果是2 c

javascript面向对象系列第三篇——实现继承的3种形式

前面的话 学习如何创建对象是理解面向对象编程的第一步,第二步是理解继承.开宗明义,继承是指在原有对象的基础上,略作修改,得到一个新的对象.javascript主要包括类式继承.原型继承和拷贝继承这三种继承方式.本文是javascript面向对象系列第三篇——实现继承的3种形式 类式继承 大多数面向对象的编程语言都支持类和类继承的特性,而JS却不支持这些特性,只能通过其他方法定义并关联多个相似的对象,如new和instanceof.不过在后来的ES6中新增了一些元素,比如class关键字,但这并不