相关疑难解决方法(0)

在遍历数组时应该使用for-of还是forEach?

另外,这是样式问题还是功能问题?是偏好问题还是更好?我试图了解目的。

通常我用

let iterable = [10, 20, 30];

iterable.forEach((val) => {
   console.log(val);
})
Run Code Online (Sandbox Code Playgroud)

但我看到这种新语法可用。

let iterable = [10, 20, 30];

for (let value of iterable) {
  console.log(value);
}
Run Code Online (Sandbox Code Playgroud)

能否提供一个最佳用例的例子,当有人使用它时可能会有所启发?

javascript ecmascript-6

14
推荐指数
2
解决办法
3712
查看次数

为什么我在控制台中"未定义"?

这是我的代码:

var textArray = ['#text1', '#text2', '#text3', '#text4',
'#text5', '#text6', '#text7', '#text8']

$('#capture').click(function() {
    for (var i in textArray) {
      console.log($(i).offset());
    }
});
Run Code Online (Sandbox Code Playgroud)

不知道为什么我在控制台中未定义.我觉得我错过了很简单的事情.

javascript jquery

12
推荐指数
1
解决办法
445
查看次数

无法中断 for 循环:非语法中断

我想break一个for-loop当满足特定条件

Object.keys(s).map(uk => {
    Object.keys(s[uk]).map(ik => {
        for (let i = 1; i < data.length; i++) {
            if (...) {
                s[uk][ik].map(elem => {
                    if (...) {
                        if (...) {
                            data.push(...);
                            break;
                            ...
Run Code Online (Sandbox Code Playgroud)

然而,break声明给了我一个

不合语法的中断

这是为什么?它应该只是一个breakfor-loop,还是JavaScript认为我想打破map

javascript

9
推荐指数
3
解决办法
3万
查看次数

锚定不到页面顶部,但200px向下

我在一个元素上有一个锚点,使导航跳转到那一点.然而,锚点将其捕捉到视口的顶部.由于固定导航,它现在隐藏在后面.

是否可以使锚点不会捕捉到视口的顶部而是向下移动200px?

网站:http://www.haselden.co.uk/james/docs

css anchor padding

7
推荐指数
2
解决办法
1万
查看次数

`[undefined,undefined]`和`new Array(2)`有什么区别?

为什么这个:

[undefined, undefined].map(function(i) { console.log(i); })
Run Code Online (Sandbox Code Playgroud)

产生预期的输出(2次undefined),但是:

(new Array(2)).map(function(i) { console.log(i); })
Run Code Online (Sandbox Code Playgroud)

不?

javascript arrays

7
推荐指数
0
解决办法
55
查看次数

为什么我不能在Javascript元素集合上使用Array.forEach?

我正在使用Babel/ES6构建应用程序.我想禁用它的仅查看版本的所有表单元素,所以我这样做:

let form = document.getElementById('application-form')
let elements = form.elements
Run Code Online (Sandbox Code Playgroud)

我希望能够做到这一点,而不是使用常规的旧for循环(它确实有效):

elements.forEach((el) => {
    el.disabled = true
})
Run Code Online (Sandbox Code Playgroud)

但我明白了 TypeError: elements.forEach is not a function

奇怪的是,如果我console.log(elements)在Chrome开发者控制台中,它就像一个带有一堆input对象的数组.它不显示Object对象的符号,并且所有键都是整数.我认为它是某种伪数组,但我甚至不知道如何找到它.

编辑:简短回答它不是一个数组,它是一个HTMLCollection.请参阅为什么节点列表没有forEach?


*UPDATE*

根据这个答案,nodelist现在有了forEach方法!

javascript arrays babel ecmascript-6

7
推荐指数
1
解决办法
1万
查看次数

使用单选按钮更改表单

嗨伙计我是html和javascript的新手,所以我需要一个非常基本的任务帮助.

使用单选按钮我想更改我的表单,例如,如果选择'A'单选按钮,它应该显示一个表单,我可以输入我的姓名和年龄,如果选择'B',它会显示给我其他表格,我可以看到当我点击单选按钮'B'时,图片但名称和年龄的文本字段不再可见

任何帮助,将不胜感激

html javascript

6
推荐指数
2
解决办法
1万
查看次数

我怎样才能获得数组的实际数量?

我试过这种方式,但它给我错误的计数:

myArr = [];
myArr[666] = 'hello there';
console.log(myArr.length); // returns me 667
Run Code Online (Sandbox Code Playgroud)

它应该是1.我怎样才能以最快的方式获得好的数量呢?

javascript arrays size count

6
推荐指数
3
解决办法
304
查看次数

获取索引不是从0开始的数组中的第一个元素

我正在使用一个javascript库,它返回的数组不是从零开始,如从26或1500开始,我想要做的是获取该数组中第一个元素的方法,无论索引号是从0开始还是任何其他数字.

他们是在javascript中执行此操作的方法吗?

javascript arrays jquery

6
推荐指数
2
解决办法
6109
查看次数

为什么我不能在同一个js文件中建立两个cleave.js格式的字段?

我想使用cleave.js(在rails中)格式化手机和信用卡输入.如果我只声明一个new Cleave对象,我的格式化工作,但如果我尝试声明两个,我会收到此错误:

Uncaught Error: [cleave.js] Please check the element

这是JS文件的相关部分:

var Global = {};

Global.onLoad = function(){
  Global.setupDatepickers(); //unrelated function
  Global.setupCleavePhone();
  Global.setupCleaveCreditCard();
};

$(document).on('turbolinks:load', function(){
  Global.onLoad();
});

Global.setupCleavePhone = function() {
  new Cleave('.phone-input', {
    phone: true,
    phoneRegionCode: 'US',
    delimiter: '-'
  });
}

Global.setupCleaveCreditCard = function() {
  new Cleave('.card-input', {
    delimiter: '-',
    blocks: [4,4,4,4]
  });
}
Run Code Online (Sandbox Code Playgroud)

我已经尝试了一些混音,包括将Cleave对象分配给变量并在同一个函数中声明它们,但没有骰子.这里有一个的jsfiddle多个劈裂对象一次被delared,我看不到我的代码和他们之间的任何有意义的差异.选择器类在视图中正确应用.有什么想法,我似乎无法一次格式化两个字段?

javascript jquery ruby-on-rails

6
推荐指数
1
解决办法
2830
查看次数

标签 统计

javascript ×9

arrays ×4

jquery ×3

ecmascript-6 ×2

anchor ×1

babel ×1

count ×1

css ×1

html ×1

padding ×1

ruby-on-rails ×1

size ×1