JavaScript(三)

数组

创建数组:

1.
var names = ["terry","larry","tom"]

2.
var names = new Array(); 

通过索引访问数组时,如果索引超过数组长度,不会报错,而是会返回underfine,数组的长度可以通过a.length访问。

数组API

数组序列化:

        toString():将数组中的每一项以逗号分割的字符串形式返回出来

        join():使用指定字符串分割数组字符串

数组的构造函数方法:

        Array.isArray():判断变量是不是数组对象

        Array.from():从类数组对象或者可迭代对象中创建一个新的数组实例,返回其每一项的值

var myArr = Array.from("BRIUP");
console.log(myArr);
//输出结果为["B","R","I","U","P"]

         Array.of():通过参数值创建新的数组实例

栈与队列方法:

        array.push():在数组末尾添加一个或多个元素,返回新的数组长度

        array.pop():删除数组末尾最后一个函数,返回该元素值

        array.shift():删除数组第一个元素,返回该元素值

        array.unshift():向数组开头添加一个或多个元素,返回新的数组长度

排序方法:

        array.reverse():颠倒数组中元素顺序,返回颠倒后的数组

        array.sort(sortfunction):对数组中元素进行排序,默认按照字母顺序;传参:

 //数字排序(升序):

  var points = [40,100,1,5,25,10];
  points.sort(function(a,b){
  	return a-b
  });
  //points输出结果:1,5,10,25,40,100
  

  //数字排序(降序):

  
  var points = [40,100,1,5,25,10];
  points.sort(function(a,b){
  	return b-a
  });
  //points输出结果:100,40,25,10,5,1
  

操作方法:

        array.content():链接两个或多个数组,返回一个新数组

        array.slice(start,end):提取出租中某部分,并以新数组形式返回该部分,参数值:

参数描述
start可选。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。如果该参数为负数,则表示从原数组中的倒数第几个元素开始提取,slice(-2) 表示提取原数组中的倒数第二个元素到最后一个元素(包含最后一个元素)。
end可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。如果该参数为负数, 则它表示在原数组中的倒数第几个元素结束抽取。 slice(-2,-1) 表示抽取了原数组中的倒数第二个元素到最后一个元素(不包含最后一个元素,也就是只有倒数第二个元素)。

返回一个新数组,从start到end(不包括end)

        array.splice(index,howmany,item1...itemX):添加或删除数组元素,参数值:

参数描述
index必需。规定从何处添加/删除元素。 该参数是开始插入和(或)删除的数组元素的下标,必须是数字。
howmany可选。规定应该删除多少元素。必须是数字,但可以是 "0"。 如果未规定此参数,则删除从 index 开始到原数组结尾的所有元素。
item1, ..., itemX可选。要添加到数组的新元素

位置方法:

        array.indexOf(item,start):返回数组中指定元素的位置

参数描述
item必须。查找的元素。
start可选的整数参数。规定在数组中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数,则将从字符串的首字符开始检索。

返回值:返回元素所在的位置,没有搜索到元素返回-1

        array.lastIndexOf(item,start):返回指定元素在数组中最后出现的位置,从后向前查找

参数描述
item必需。规定需检索的字符串值。
start可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数,则将从字符串的最后一个字符处开始检索。

返回值:返回元素所在的位置

迭代方法:

        array.every():检索数组所有元素是否都符合指定条件,数组中检测到一个不满足条件,就返回false,且剩余元素不会再进行检测,若都满足指定条件,则返回true

array.every(function(currentValue,index,arr), thisValue)

参数描述
function(currentValue, index,arr)必须。函数,数组中的每个元素都会执行这个函数 函数参数见下表
thisValue可选。对象作为该执行回调时使用,传递给函数,用作 "this" 的值。 如果省略了 thisValue ,"this" 的值为 "undefined"
参数描述
currentValue必须。当前元素的值
index可选。当前元素的索引值
arr可选。当前元素属于的数组对象
var ages = [32, 33, 16, 40];

var result = ages.every(function (age) {
  return age >= 18
})
console.log(result);//输出结果为:false

返回值:true或false

        array.some():检测数组中元素是否有元素满足条件,如果有一个满足,则返回true,剩余元素不会在检测,若都不满足返回false

array.some(function(currentValue,index,arr),thisValue)

参数描述
function(currentValue, index,arr)必须。函数,数组中的每个元素都会执行这个函数 函数参数见下表
thisValue可选。对象作为该执行回调时使用,传递给函数,用作 "this" 的值。 如果省略了 thisValue ,"this" 的值为 "undefined"
参数描述
currentValue必须。当前元素的值
index可选。当前元素的索引值
arr可选。当前元素属于的数组对象
var ages = [32, 33, 16, 40];

var result = ages.some(function (age) {
  return age >= 18
})
console.log(result);//输出结果为:true

返回值:true或false

        array.filter():创建一个新的数组,保存所有原数组满足条件的元素

array.filter(function(currentValue,index,arr), thisValue)

var ages = [32, 33, 16, 40];

var result = ages.filter(function (age) {
  return age >= 18
})
console.log(result);//输出结果为:[ 32, 33, 40 ]

        array.map():返回一个新数组,元素为处理后的值

array.map(function(currentValue,index,arr), thisValue)

var numbers = [4, 9, 16, 25];

var result = numbers.map(function (number) {
  return Math.sqrt(number)
})
console.log(result);//输出结果为:[ 2, 3, 4, 5 ]

        array.forEach():便利数组

array.forEach(function(currentValue, index, arr), thisValue)

var numbers = [4, 9, 16, 25];

numbers.forEach(function (number, index) {
  console.log(index + ' -- ' + number);
})
// 0 -- 4
// 1 -- 9
// 2 -- 16
// 3 -- 25

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript消游戏是一种类似于Bejeweled和Candy Crush Saga的游戏,使用HTML5 Canvas和JavaScript开发。 这种游戏的简化版本可以通过使用宝石迷阵克隆的锅炉板代码来实现,该代码是一种比赛3游戏的基础框架,如宝石迷阵和糖果迷。 另外,开发人员还可以使用Gameclosure Devkit的应用程序模板来开始创建JavaScript消游戏。该模板提供了一个与devkit默认值匹配的空文件夹结构和一个带有“Hello, world!”的最小Application.js文件,可以用作游戏的初始文件结构。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [Match-3-Game-HTML5:如何使用 HTML5 Canvas 和 JavaScript 制作消游戏](https://download.csdn.net/download/weixin_42120405/20698775)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [Bejeweled-Clone:宝石迷阵和糖果迷等消游戏的样板代码](https://download.csdn.net/download/weixin_42133680/18612564)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [HoneyBear:简单的消游戏](https://download.csdn.net/download/weixin_42104778/19280935)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值