js中数组实例,js 数组

本文目录一览:

js中的数组应用实例

比如说页面中有很多input

type=’text’

name=‘inp_txt’,

以10个为例吧

你想要操作这些元素时就要把它们全部获取,不用数组来操作的话就要分别获取并操作10次。

用数组获取

var

inp=document.getElementsByName(“inp_txt”),

for(var

i=0;iinp.length;i++){

document.write(inp[i].value)//循环操作每个input

}

这样就可以一次获取并操作全部

所以说:

数组的好处是——可以方便的将一大堆数据进行重复操作

js把循环出来的数放到数组中

//定义数组

arr = [];

//循环

for(var i=0;i10;i++){

//放入数组

arr.push(i);

}

JS生成不重复的随机数组的简单实例

JS生成不重复的随机数组的简单实例

//获取数组中的随机数

//HF.Math.RandomNumbers是前缀,可以自己定义,主要看逻辑代码

HF.Math.RandomNumbers

=

function

(startNum,

endNum,

count,

repeat)

{

var

ret

=

[];

if

(repeat)

{

for

(var

i

=

0;

i

count;

i++)

{

ret[i]

=

HF.Math.Random(startNum,

endNum);

}

return

ret;

}

var

tmp

=

[];

var

i

=

0;

for

(var

s

=

startNum;

s

=

endNum;

s++)

{

tmp[i++]

=

s;

}

var

l

=

tmp.length;

for

(i

=

0;

i

count;

i++)

{

ret[i]

=

HF.Array.Remove(tmp,

HF.Math.Random(0,

–l));

}

return

ret;

}

以上这篇JS生成不重复的随机数组的简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

原生JS中数组常见的方法

1.

shift():删除数组中第一个元素,并将长度减1,下面举例:

var arr = [‘王思聪’, ‘孙一宁’, ‘刘强东’, ‘奶茶’, ‘签字哥’, ‘都美竹’]

 var res = arr.shift()

console.log(res)  //打印出来返回值是被删除的数组元素

2.

 pop():删除数组中最后一个元素,并将长度减1,下面举例:

var arr = [‘王思聪’, ‘孙一宁’, ‘刘强东’, ‘奶茶’, ‘签字哥’, ‘都美竹’]

 var res = arr.pop()

console.log(res) //打印出来返回值是删除的数组元素

3.

unshift():往数组前面添加一个或多个数组元素,长度要改变,下面举例:

var res = arr.unshift(‘张姨’, 18)

  console.log(res)

   console.log(arr) // 返回值是增加后数组的长度

4.

push():往数组结尾添加一个或多个数组元素,长度要改变

var res = arr.push(‘随便’, ‘哈哈’)

console.log(arr)

console.log(res)

5.

为了更好的代入,下面我们来看一个综合的列子:

var arr = [0, 1, ‘a’, 0, 66, 0, 0]

要求将数组中的0项去掉,将不为0的值存入一个新的数组,生成新的数组

声明一个新的数组

var newArr = []

遍历

for(var i=0; iarr.length; i++){

            //把0的数组元素删除掉

            if(arr[i]==0){

                continue

            }

            //把这些数据添加到新的数组

            newArr.push(arr[i])

        }

        console.log(newArr)  //最后输出查看结果

6.

concat() : 方法用于连接两个或多个数组, 不改变原数组。返回一个新的数组

var arrName1 = [‘签字哥’, ‘李某迪’, ‘波哥’, ‘王思聪’]

var arrName2 = [‘马云’, ‘马化腾’, ‘王健林’, ‘卢本伟’]

var newData = arrName1.concat(arrName2)

console.log(newData)

7.

reverse()  逆向排序, 原数组也被逆向排序了(倒置)

var numArr = [10, 9, 8, 7, 6, 5, 11]

var res = numArr.reverse()

console.log(res)

console.log(numArr)

8.

toString()  将数组转成字符串,推荐使用

var numArr = [10, 9, 8, 7, 6, 5, 11]

toString()属于一个对象的方法

var res = numArr.toString()

console.log(res)

String它是强制数据类型转换的方法,它不属于数组这个对象

9.

join(“拼接符”)将数组转成字符串,中间以拼接符连接

var numArr = [10, 9, 8, 7, 6, 5, 11]

var res = numArr.join(”)

console.log(res)

10.

  slice(start,end):  不修改原数组, 将原数组中的指定区域数据提取出来。start开始 end结束。

            如果参数是负值表示从倒数开始。不含结束位置

                                   0         1        2(不包含结束位置)

 var arrName = [‘签字哥’, ‘李某迪’, ‘波哥’, ‘王思聪’]

var res = arrName.slice(0, 2)

 console.log(res)

11.

splice

            删除:用于删除元素,两个参数,第一个参数(要删除第一项的位置),第二个参数(要删除的项数)

            插入:向数组指定位置插入任意项元素。三个参数,第一个参数(开始位置),第二个参数(0),第三个参数(插入的项)

            注意点:第二个参数(0)为0不会删除任何项

            替换:向数组指定位置插入任意项元素,同时删除任意数量的项,三个参数。第一个参数(起始位置),第二个参数(删除的项数),第三个参数(插入任意数量的项)

 var arrName = [‘签字哥’, ‘李某迪’, ‘波哥’, ‘王思聪’]

       //删除

        //var res = arrName.splice(0, 3)

        //返回值是被删除的数组元素

        //console.log(res)

        //插入

        // arrName.splice(0, 0, ‘嘿嘿’, ‘哈哈’)

        // console.log(arrName)

       //替换

        arrName.splice(0, 2, ‘都美竹’, ‘hello’)

        console.log(arrName)

原创文章,作者:小蓝,如若转载,请注明出处:https://www.506064.com/n/236066.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
小蓝小蓝
上一篇 2024-12-12 11:57
下一篇 2024-12-12 11:57

相关推荐

  • JS Proxy(array)用法介绍

    JS Proxy(array)可以说是ES6中非常重要的一个特性,它可以代理一个数组,监听数据变化并进行拦截、处理。在实际开发中,使用Proxy(array)可以方便地实现数据的监…

    编程 2025-04-29
  • Python导入数组

    本文将为您详细阐述Python导入数组的方法、优势、适用场景等方面,并附上代码示例。 一、numpy库的使用 numpy是Python中一个强大的数学库,其中提供了非常丰富的数学函…

    编程 2025-04-29
  • Python生成随机数的应用和实例

    本文将向您介绍如何使用Python生成50个60到100之间的随机数,并将列举使用随机数的几个实际应用场景。 一、生成随机数的代码示例 import random # 生成50个6…

    编程 2025-04-29
  • Python返回数组:一次性搞定多种数据类型

    Python是一种多用途的高级编程语言,具有高效性和易读性的特点,因此被广泛应用于数据科学、机器学习、Web开发、游戏开发等各个领域。其中,Python返回数组也是一项非常强大的功…

    编程 2025-04-29
  • Python去掉数组的中括号

    在Python中,被中括号包裹的数据结构是列表,列表是Python中非常常见的数据类型之一。但是,有些时候我们需要将列表展开成一维的数组,并且去掉中括号。本文将为大家详细介绍如何用…

    编程 2025-04-29
  • Python操作数组

    本文将从多个方面详细介绍如何使用Python操作5个数组成的列表。 一、数组的定义 数组是一种用于存储相同类型数据的数据结构。Python中的数组是通过列表来实现的,列表中可以存放…

    编程 2025-04-29
  • 解析js base64并转成unit

    本文将从多个方面详细介绍js中如何解析base64编码并转成unit格式。 一、base64编码解析 在JavaScript中解析base64编码可以使用atob()函数,它会将b…

    编程 2025-04-29
  • Node.js使用Body-Parser处理HTTP POST请求时,特殊字符无法返回的解决方法

    本文将解决Node.js使用Body-Parser处理HTTP POST请求时,特殊字符无法返回的问题。同时,给出一些相关示例代码,以帮助读者更好的理解并处理这个问题。 一、问题解…

    编程 2025-04-29
  • Python二维数组对齐输出

    本文将从多个方面详细阐述Python二维数组对齐输出的方法与技巧。 一、格式化输出 Python中提供了格式化输出的方法,可以对输出的字符串进行格式化处理。 names = [‘A…

    编程 2025-04-29
  • Java创建一个有10万个元素的数组

    本文将从以下方面对Java创建一个有10万个元素的数组进行详细阐述: 一、基本介绍 Java是一种面向对象的编程语言,其强大的数组功能可以支持创建大规模的多维数组以及各种复杂的数据…

    编程 2025-04-28

发表回复

登录后才能评论