Community Learn Tools Library Leisure
search
English
Home > List of blog posts > js数组方法
Blogger Information
Blog 8
fans 0
comment 0
visits 4376
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
js数组方法
风轻云淡
Original
657 people have browsed it
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>js数组方法</title>
  8. </head>
  9. <body>
  10. <script>
  11.     var colors=['red','green','blue','yellow','white','black']
  12.     var arr = [9,8,77,16,54,4,3,2,1]
  15.     // toString()把数组转换为字符串
  16.      //var arr1=arr.toString()
  17.     //document.write(typeof (arr1))
  20.     //join()将数组元素结合为一个字符串 并以指定分隔符隔开
  21.     //document.write(arr.join("-"))
  24.     //pop()从数组中删除最后一个元素
  25.     //document.write(colors.pop())
  26.     //document.write(colors)
  29.     //push() 方法（在数组结尾处）向数组添加一个新的元素
  30.     //document.write(colors.push('orange'))//值为新数组的长度
  31.     //document.write(colors)
  34.     //shift() 方法删除首个数组元素 删除后不占用空间，返回值为被移除的字符串
  35.     //document.write(colors.shift())
  36.     //document.write(colors.length)
  39.     //unshift() 像数组开头添加新元素 返回值为新数组长度
  40.     //document.write(colors.unshift('orange'))
  41.     //document.write(colors)
  44.     //splice(2,0,'orange','pink')向数组添加新项
  45.      //[2]代表下标
  46.     //0代表要删除多少个元素
  47.     //其余参数为定义要新添加的元素
  48.      //var newcolors=colors.splice(3,1,'orange','pink')
  49.       //document.write(newcolors)
  51.     //concat()连接现有数组创建一个新数组 可以连接多个数组
  52.     //document.write(colors.concat(arr))
  54.     //slice(start，end) 截取某部分数组(包含start但不包含end)
  55.      //document.write(colors.slice(1,4))
  58.     //sort() 数组排序 以字母顺序对数组进行排序
  59.     //升序
  60.     // function up(a,b){
  61.     //     return a-b
  62.     // }
  63.     //  document.write(arr.sort(up))
  64.     //降序
  65.     //   function down(a,b) {
  66.     //       return b-a
  67.     //   }
  68.     // document.write(arr.sort(down))
  69.     //以随机顺序排序
  70.     //  function rand(a,b){
  71.     //     return 0.5-Math.random()
  72.     //  }
  73.     // document.write(arr.sort(rand))
  76.     //forEach为每一个数组元素调用一次函数
  77.    //  var sum=''
  78.    //  arr.forEach(add)
  79.    //  function add(a){
  80.    //      sum= sum+a+'<br>'
  81.    //  }
  82.    // document.write(sum)
  86.     //map()方法通过对每个数组元素执行函数来创建新数组。  不会对没有值的数组元素执行函数   不会更改原始数组
  87.     //var cf=arr.map(fn)
  88.     //function fn(a){
  89.      //  return  a*2
  90.    // }
  91.    // document.write(cf)
  94.     // filter() 方法创建一个包含通过测试的数组元素的新数组。
  95.    // var xx=arr.filter(fn)
  96.     //function fn(a) {
  97.    //     return a>=10
  98.    // }
  99.    // document.write(xx)
  102.     // reduce() 方法在每个数组元素上运行函数，以生成（减少它）单个值。从左到右运行  不会减少原始数组 （不懂）
  105.     //every() 方法检查所有数组值是否通过测试。 值为布尔型 只要有一个不符合就为假false
  106.     // var xx=arr.every(fn)
  107.     // function fn(a) {
  108.     //      return a>=10
  109.     //  }
  110.     //  document.write(xx)
  113.     //some() 方法检查某些数组值是否通过了测试。 值为布尔型 只要有一个符合就为假ture 同上
  116.     //indexOf() 方法在数组中搜索元素值并返回其索引位置
  117.     //document.write(colors.indexOf("black"))
  119.     // document.write(colors.lastIndexOf('black'))
  122.     //find() 方法返回通过测试函数的第一个数组元素的值。
  123.     //   var bb= arr.find(fn)
  124.     // function fn(a) {
  125.     //     return a >= 10
  126.     // }
  127.     // document.write(bb)
  128.     // //findIndex() 方法返回通过测试函数的第一个数组元素的索引。
  129.     // var bb= arr.findIndex(fn1)
  130.     // function fn1(a) {
  131.     //     return a >= 10
  132.     // }
  133.     // document.write(bb)
  137.     //   JsoN格式
  138.   //   var obj={'name':'xh',
  139.   //            'age':26,
  140.   //            'sex':'male'
  141.   //   }
  142.   // document.write(obj.name)
  144. </script>
  146. </body>
  147. </html>
Correcting teacher：PHPzPHPz

Correction status：qualified

Teacher's comments：
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post