`
百合不是茶
  • 浏览: 356190 次
社区版块
存档分类
最新评论

js数组的操作和this关键字

阅读更多

js数组的操作;

 

一:数组的创建:

1、数组的创建

var array = new Array(); //创建一个数组

var array = new Array([size]); //创建一个数组并指定长度,注意不是上限,是长度

var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]); 创建一个数组并赋值

    要说明的是,虽然第二种方法创建数组指定了长度,但实际上所有情况下数组都是变长的,也就是说即使指定了长度为5,仍然可以将元素存储在规定长度以外的,注意:这时长度会随之改变。

 

2、数组的元素的访问

var arrValue=array[1]; //获取数组的元素值
array[1]= "数组"; //给数组元素赋予新的值

  

3、数组元素的添加

 

push:将参数添加到原数组末尾,并返回数组的长度 
var a = [1,2,3,4,5]; 
var b = a.push(6,7); //a:[1,2,3,4,5,6,7] b:7

 

unshift:将参数添加到原数组开头,并返回数组的长度 
var a = [1,2,3,4,5]; 
var b = a.unshift(-2,-1); //a:[-2,-1,1,2,3,4,5] b:7 

 

slice(start,end):返回从原数组中指定开始下标到结束下标之间的项组成的新数组 
var a = [1,2,3,4,5]; 
var b = a.slice(2,5); //a:[1,2,3,4,5] b:[3,4,5]

 

4、数组元素的删除

 

pop:删除原数组最后一项,并返回删除元素的值;如果数组为空则返回undefined

 
var a = [1,2,3,4,5]; 
var b = a.pop(); //a:[1,2,3,4] b:5

 

 shift:删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefined 

var a = [1,2,3,4,5]; 

var b = a.shift(); //a:[2,3,4,5] b:1

 

 

splice(start,deleteCount,val1,val2,...):从start位置开始删除deleteCount项,并从该位置起插入val1,val2,... 
var a = [1,2,3,4,5]; 
var b = a.splice(2,2,7,8,9); //a:[1,2,7,8,9,5] b:[3,4] 
var b = a.splice(0,1); //同shift 
a.splice(0,0,-2,-1); var b = a.length; //同unshift 
var b = a.splice(a.length-1,1); //同pop 
a.splice(a.length,0,6,7); var b = a.length; //同push

 

 

5、数组的截取和合并

数组的截取

slice(start,end):返回从原数组中指定开始下标到结束下标之间的项组成的新数组 
var a = [1,2,3,4,5]; 
var b = a.slice(2,5); //a:[1,2,3,4,5] b:[3,4,5]

 数组的合并

concat:返回一个新数组,是将参数添加到原数组中构成的 
var a = [1,2,3,4,5]; 
var b = a.concat(6,7); //a:[1,2,3,4,5] b:[1,2,3,4,5,6,7]

 

 

6、数组的拷贝

 

 

 

7、数组元素的排序

 

数组的排序

sort(orderfunction):按指定的参数对数组进行排序 
var a = [1,2,3,4,5]; 
var b = a.sort(); //a:[1,2,3,4,5] b:[1,2,3,4,5]

 

 

reverse:将数组反序 
var a = [1,2,3,4,5]; 
var b = a.reverse(); //a:[5,4,3,2,1] b:[5,4,3,2,1]

 

8、数组元素的字符串化

 

join(separator):将数组的元素组起一个字符串,以separator为分隔符,省略的话则用默认用逗号为分隔符 
var a = [1,2,3,4,5]; 
var b = a.join("|"); //a:[1,2,3,4,5] b:"1|2|3|4|5"

 

 

9、length 属性

    Length属性表示数组的长度,即其中元素的个数。因为数组的索引总是由0开始,所以一个数组的上下限分别是:0和length-1。和其他大多数语言不同的是,JavaScript数组的length属性是可变的,这一点需要特别注意。当length属性被设置得更大时,整个数组的状态事实上不会发生变化,仅仅是length属性变大;当length属性被设置得比原来小时,则原先数组中索引大于或等于length的元素的值全部被丢失。下面是演示改变length属性的例子:

var arr=[12,23,5,3,25,98,76,54,56,76];

//定义了一个包含10个数字的数组

alert(arr.length); //显示数组的长度10

arr.length=12; //增大数组的长度

alert(arr.length); //显示数组的长度已经变为12

 

alert(arr[8]); //显示第9个元素的值,为56

arr.length=5; //将数组的长度减少到5,索引等于或超过5的元素被丢弃

alert(arr[8]); //显示第9个元素已经变为"undefined"

arr.length=10; //将数组长度恢复为10

 

 

this关键字;

this在html标签中的使用,

    <img src =" "  this.width=100px/>

this.width表示  img的宽度为100px,this在html的标签中就表示当前的标签,与java中的this表示当前对象相似

 

 

 

0
0
分享到:
评论

相关推荐

    js中的this关键字详解

    JavaScript中的`this`关键字是一个非常重要的概念,它用于在函数执行时引用当前上下文的对象。`this`的值取决于函数被调用的方式,这通常分为四种情况:纯粹的函数调用、作为对象方法的调用、作为构造函数调用以及...

    Javascript数组操作高级心得整理

     使用[removed]调用外部的JavaScript(.js文件) 4  如何与老浏览器打交道 4 (2) 把JavaScript代码放到HTML页面不同的位置 4  把JavaScript代码放到HTML&lt;body&gt;部分 4  把JavaScript代码放到HTML&lt;head...

    详解JavaScript中this关键字的用法_.docx

    在JavaScript中,`this`关键字是一个非常重要的概念,它指的是当前执行上下文中的对象。`this`的值取决于函数的调用方式,而不是定义方式。下面我们将详细探讨在不同场景下`this`的用法。 1. **全局作用域中调用...

    JavaScript中的this关键字使用方法总结

    在JavaScript中,`this`关键字是一个非常重要的概念,它用于引用函数执行时的上下文对象。`this`的值取决于函数被调用的方式,而不是函数的定义位置。以下是关于`this`关键字在JavaScript中四种常见调用方式的详细...

    js关键字总结 js关键字总结

    它包含了一系列的关键字、内置对象和方法,这些是理解和编写JavaScript程序的基础。下面将对提供的内容进行详细的解释与扩展。 #### 1. `document.write("")` `document.write()` 是一个在文档流中写入HTML的方法...

    老生常谈JavaScript中的this关键字

    JavaScript中的`this`关键字是一个非常重要的概念,尤其对于熟悉其他面向对象编程语言的人来说,理解它的运作方式至关重要。在许多语言中,如Java,`this`关键字在编译时就已经确定,指的是当前对象。然而,...

    JavaScript调用模式与this关键字绑定的关系

    在JavaScript中,`this`关键字是一个非常关键的概念,它在不同调用模式下有不同的绑定规则。本文将深入探讨四种调用模式:方法调用模式、函数调用模式、构造器调用模式以及Apply调用模式,以及它们与`this`的关联。 ...

    javascript中this关键字详解

    通过上述内容,我们了解到`this`关键字在JavaScript中的复杂性和灵活性。`this`指向的可变性意味着我们需要注意函数调用时的上下文。理解了不同使用场合下`this`的行为,能够帮助我们写出更加健壮和可靠的代码。在...

    深入理解Javascript中的this关键字

    在构造器模式中,函数体内通过this关键字定义的属性和方法将构造一个新的对象实例。例如,在new test()中,函数test充当构造器角色,this指向新创建的对象myTest。构造器函数常用来初始化对象的状态。 apply调用...

    详解js删除数组中的指定元素

    `this`关键字在这里代表了调用该方法的数组实例。通过使用`Array.prototype`,这个方法成为了所有数组类型共有的方法,因此可以应用于任何数组对象。 使用上述任何一种方法都可以实现删除数组中特定元素的功能。当...

    Javascript中this关键字指向问题的测试与详解

    JavaScript中的`this`关键字是一个非常重要的特性,它在面向对象编程中扮演着核心角色。`this`的指向不是固定不变的,而是根据函数调用方式的不同而改变。下面我们将深入探讨`this`的关键知识点。 **一、指向调用...

    js代码-js数组查找元素 find() 方法,只返回第一个匹配元素

    本篇将详细讲解`find()`方法,它是JavaScript数组原型上的一种方法,用于查找数组中符合指定条件的第一个元素,并返回该元素。 `find()`方法的基本语法如下: ```javascript array.find(callback(currentValue[, ...

    javascript,VBScript关键字and保留字

    JavaScript 和 VBScript,虽然都是常用的脚本语言,但它们的关键字和保留字有所不同。 JavaScript 关键字: 1. `break`:用于跳出循环(如`for`,`while`)或者`switch`语句。 2. `case`:`switch`语句的一部分,...

    js中数组、创建对象、构造函数、JSON格式、改变this指向

    在对象中,我们可以通过多种方式来访问和操作对象的属性,例如使用点符号来访问对象的属性:`obj.name`,使用中括号符号来访问对象的属性:`obj['name']`。 在 JavaScript 中,构造函数是一种特殊的函数,用于创建...

    JavaScript每天必学之数组和对象部分

    总结,JavaScript的对象和数组是其动态特性的基础,理解它们的创建、操作和面向对象的概念对于深入学习JavaScript至关重要。通过熟练掌握这些知识点,开发者可以构建出更加灵活和高效的应用程序。

    藏经阁-现代Javascript高级教程-223.pdf

    4. JavaScript数组:书中详细介绍了JavaScript数组的概念、创建、索引、length属性、数组方法等,以及数组的常用操作和注意事项。 5. JavaScript对象:本书讲解了JavaScript对象的概念、创建、属性、方法等,以及...

    详解JavaScript中this关键字的用法

    `this`是JavaScript中一个非常重要的关键字,它用于表示函数执行时上下文的对象。`this`的值在函数被调用的不同方式下会发生变化,这使得理解和掌握`this`的关键。 1. **全局作用域中调用函数** 在全局环境中,`...

Global site tag (gtag.js) - Google Analytics